Skip to content

[List View]: Improve icon alignments and added scroll when blocks are deeply nested. #46990

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
MaggieCabrera wants to merge 9 commits into from
Closed

[List View]: Improve icon alignments and added scroll when blocks are deeply nested. #46990

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
f8ed98f
add css scrollbar to off canvas list view
MaggieCabrera Jan 9, 2023
a844c13
refactor list view to align icons to the right
MaggieCabrera Jan 9, 2023
cade5cc
comment cleanup, moved max-width to off canvas only
MaggieCabrera Jan 9, 2023
66a33c3
remove extra wrapper
MaggieCabrera Jan 10, 2023
6e4e7a7
center dots menu
MaggieCabrera Jan 10, 2023
eb3ffce
enable scrollbars on mobile
MaggieCabrera Jan 26, 2023
3168a61
offset the sidebar's padding
MaggieCabrera Jan 26, 2023
b8c6613
vertically center the icons
MaggieCabrera Jan 26, 2023
01f349f
center differently to keep background color to full height
MaggieCabrera Jan 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
center differently to keep background color to full height
  • Loading branch information
@MaggieCabrera
MaggieCabrera committed Jan 27, 2023
commit 01f349f1067758c0ece5caab07a1c19c4cde62fd
3 changes: 2 additions & 1 deletion packages/block-editor/src/components/list-view/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,6 @@
// Use position relative for row animation.
position: relative;
display: flex;
align-items: center;

// The background has to be applied to the td, not tr, or border-radius won't work.
&.is-selected td {
Expand Down Expand Up @@ -244,6 +243,8 @@

.block-editor-list-view-block__menu-cell {
padding-right: $grid-unit-05;
display: flex;
align-items: center;

.components-button.has-icon {
height: 24px;
Expand Down