merge animation into same prop

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-10 15:38:36 +02:00
parent 76f055d7d3
commit d0013b1480
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
1 changed files with 16 additions and 7 deletions

View File

@ -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
*/