merge animation into same prop
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
76f055d7d3
commit
d0013b1480
1 changed files with 16 additions and 7 deletions
|
@ -97,7 +97,8 @@ kbd {
|
|||
position: relative;
|
||||
height: 100%;
|
||||
width: inherit;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box;
|
||||
> li {
|
||||
display: inline-flex;
|
||||
|
@ -373,12 +374,6 @@ kbd {
|
|||
*/
|
||||
.app-navigation-entry-deleted {
|
||||
display: inline-flex;
|
||||
height: 44px;
|
||||
width: calc(100% - 1px); /* Avoid border overlapping */
|
||||
transition: transform 250ms ease-in-out;
|
||||
transform: translateX(250px);
|
||||
position: absolute;
|
||||
background-color: $color-main-background;
|
||||
.app-navigation-entry-deleted-description {
|
||||
padding-left: 12px;
|
||||
position: relative;
|
||||
|
@ -399,6 +394,20 @@ kbd {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Common rules for animation of undo and edit entries
|
||||
*/
|
||||
.app-navigation-entry-edit,
|
||||
.app-navigation-entry-deleted {
|
||||
width: calc(100% - 1px); /* Avoid border overlapping */
|
||||
transition: transform 250ms ease-in-out;
|
||||
transform: translateX(250px);
|
||||
position: absolute;
|
||||
background-color: $color-main-background;
|
||||
}
|
||||
|
||||
/**
|
||||
* drag and drop
|
||||
*/
|
||||
|
|
Loading…
Reference in a new issue