Skip to content

Redesign the main pattern inserter #44028

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

Merged
youknowriad merged 34 commits into from
Oct 18, 2022
Merged

Redesign the main pattern inserter #44028

Changes from 1 commit
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
ed3374c
Redesign the main pattern inserter
youknowriad Sep 9, 2022
cbd9e97
Use navigation pattern on mobile
youknowriad Sep 9, 2022
d025a99
Keyboard navigation improvements
youknowriad Sep 9, 2022
3685539
Add a shadow and a subtle animation to the patterns panel
youknowriad Sep 12, 2022
e735049
Polish
jasmussen Sep 12, 2022
cb1d14a
Restore gray bg.
jasmussen Sep 13, 2022
879a12b
Add right border.
jasmussen Sep 13, 2022
f7474db
Add width animation
youknowriad Sep 13, 2022
d8a2f1e
Fix site editor patterns category selection
youknowriad Sep 13, 2022
67c1012
Fix inserter width on mobile
youknowriad Sep 13, 2022
dde8af0
Move the explore patterns button to the bottom
youknowriad Sep 13, 2022
6cdc47f
Reduce the transition duration
youknowriad Sep 13, 2022
52c3964
Enhance keyboard navigation
youknowriad Sep 13, 2022
dc0edfa
Better nested constrained tabbing support
youknowriad Sep 13, 2022
fd3b86b
Add shadow to pattern items and remove title from structure.
mtias Sep 14, 2022
274540e
Make drag chip read "Pattern" when dragging a pattern.
mtias Sep 14, 2022
d9bb800
Fix uncategorized patterns
youknowriad Sep 15, 2022
670bd2c
Add scrollbar gutter
youknowriad Sep 15, 2022
1c969fb
Try a stronger border outline for selecting patterns.
mtias Sep 16, 2022
197cad0
Apply the new pattern preview style to the main inserter only
youknowriad Sep 20, 2022
c714960
Simplify border shape and use dark gray.
mtias Sep 20, 2022
165d3f6
Use Heading component for category label.
mtias Sep 20, 2022
3caa59a
Restrict hover effects to main inserter.
mtias Sep 20, 2022
cd4a7a5
Avoid animations and width changes for now
youknowriad Sep 22, 2022
480fa44
Add label for the category patterns tab
youknowriad Sep 28, 2022
7958119
Move the aria label for the list items to the correct element
youknowriad Oct 3, 2022
0e845db
Try a different style for active navigation element.
mtias Oct 6, 2022
45a295c
Implement roving tab order for the pattern categories and remove dialog
youknowriad Oct 7, 2022
46b3936
Use nav + list
youknowriad Oct 12, 2022
79908fa
Remove composite items
youknowriad Oct 14, 2022
22bc21d
Add aria-current
youknowriad Oct 14, 2022
321467a
Remove the heading component
youknowriad Oct 17, 2022
ae39524
Remove useless styles
youknowriad Oct 17, 2022
1a702d6
revert unnecessary change
youknowriad Oct 17, 2022
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
Next Next commit
Remove useless styles
  • Loading branch information
@youknowriad
youknowriad committed Oct 17, 2022
commit ae39524e66bc9739c52f38e91bb4ab582e6d0470
12 changes: 0 additions & 12 deletions packages/block-editor/src/components/inserter/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -300,18 +300,6 @@ $block-inserter-tabs-height: 44px;
width: 300px;
}

.block-editor-block-card {
padding: $grid-unit-20;
}

.block-editor-block-card__title {
font-size: $default-font-size;
}

h3 {
margin-top: 0;
}

.block-editor-block-patterns-list {
margin-top: $grid-unit-30;
}
Expand Down