Skip to content

Commit

Permalink
Remove animation from mover buttons. (#25728)
Browse files Browse the repository at this point in the history
The animation was intended to better convey direction, and were added as an experiment. It doesn't seem successful, so let's remove it again.
  • Loading branch information
jasmussen authored and talldan committed Oct 29, 2020
1 parent 6664506 commit 8b339cc
Showing 1 changed file with 1 addition and 16 deletions.
17 changes: 1 addition & 16 deletions packages/block-editor/src/components/block-list/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -542,32 +542,17 @@
}

.block-editor-block-mover:not(.is-horizontal) {
// Position SVGs.
.block-editor-block-mover-button {
&.is-up-button {
svg {
margin-top: 2px;
transition: ease-in-out transform 0.1s;
@include reduce-motion("transition");
}
&:focus,
&:hover {
svg {
transform: translateY(-2px);
}
}
}

&.is-down-button {
svg {
margin-bottom: 3px;
transition: ease-in-out transform 0.1s;
@include reduce-motion("transition");
}
&:focus,
&:hover {
svg {
transform: translateY(2px);
}
}
}

Expand Down

0 comments on commit 8b339cc

Please sign in to comment.