merge animation into same prop
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
76f055d7d3
commit
d0013b1480
|
@ -97,7 +97,8 @@ kbd {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
overflow: auto;
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
> li {
|
> li {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
@ -373,12 +374,6 @@ kbd {
|
||||||
*/
|
*/
|
||||||
.app-navigation-entry-deleted {
|
.app-navigation-entry-deleted {
|
||||||
display: inline-flex;
|
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 {
|
.app-navigation-entry-deleted-description {
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
position: relative;
|
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
|
* drag and drop
|
||||||
*/
|
*/
|
||||||
|
|
Loading…
Reference in New Issue