Skip to content

Add animations for insertion point, dropzone, and other elements #33132

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
mtias merged 22 commits into from
Oct 11, 2021
Merged

Add animations for insertion point, dropzone, and other elements #33132

Changes from 1 commit
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
e018ea6
Use animation to show insertion line and sibling inserter.
mtias Jul 1, 2021
1541268
Implement animation for dropzone component.
mtias Jul 1, 2021
92d2034
Animate the site icon component in the header of the editor.
mtias Jul 1, 2021
b078ed2
Update hover design of block inserter items and animate on tap.
mtias Jul 1, 2021
70c699f
Update package files.
mtias Jul 1, 2021
3b106ce
Apply fixes after rebase.
mtias Oct 4, 2021
7fbc7f9
Small fixes.
jasmussen Oct 5, 2021
deea2bb
Fix import statements.
mtias Oct 5, 2021
d5cf741
Remove "inserter list item" design update and animation
mtias Oct 5, 2021
7b21b75
Address some issues with the site icon animation.
mtias Oct 5, 2021
0fbdc8d
Remove border from selection chip math.
jasmussen Oct 5, 2021
785d6b5
Improve display of cover dropzone background.
mtias Oct 5, 2021
52b15b8
Remove most of the separate Cover rules. Will follow up separately.
jasmussen Oct 5, 2021
01defe1
Add explicit transparent overlay.
jasmussen Oct 5, 2021
846c184
Remove rtl comment todo.
mtias Oct 5, 2021
1d46571
Add pointer-events rule to icon.
jasmussen Oct 5, 2021
ead6a1a
Unifiy horizontal/vertical line checks.
mtias Oct 5, 2021
e787914
Add site icon animation to the site editor as well.
mtias Oct 5, 2021
5624e48
Tweak e2e tests.
mtias Oct 6, 2021
c5af9a1
Consider reduced motion for insertion line.
mtias Oct 11, 2021
9d2c860
Disable site icon animation on reduced motion.
mtias Oct 11, 2021
f010b26
Consider reduce motion setting for media drag and drop placeholder.
mtias Oct 11, 2021
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
Improve display of cover dropzone background.
  • Loading branch information
@mtias
mtias committed Oct 5, 2021
commit 785d6b53aa8f3157508cb2f0e5100a6a7f7cf898
3 changes: 1 addition & 2 deletions packages/block-library/src/cover/editor.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,8 +90,7 @@
.components-drop-zone__content {
display: flex;
align-items: center;
top: -($grid-unit-15 * 3);
left: -($grid-unit-15 * 3);
opacity: 0.8 !important;
transform: none;
}

Expand Down