feat: redesign auto-update component (#910)
This commit is contained in:
committed by
László Monda
parent
12d361eb2e
commit
9a0b0f9df1
@@ -12,3 +12,6 @@ $tooltip-border-color: $dark-grey;
|
||||
$tooltip-background-color: #fff;
|
||||
$tooltip-inner-color: #000;
|
||||
$tooltip-arrow-border-width: $tooltip-arrow-width + $tooltip-border-width;
|
||||
|
||||
$update-notification-height: 35px;
|
||||
$main-content-top-margin-on-update: 35px + 10px;
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
@import './variables';
|
||||
|
||||
%btn-link {
|
||||
padding: 7px 0;
|
||||
text-decoration: none;
|
||||
@@ -8,3 +10,15 @@
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin updatePanelVisible() {
|
||||
transition-timing-function: ease-out;
|
||||
transition: 0.5s;
|
||||
margin-top: 0;
|
||||
|
||||
&.update-panel-visible {
|
||||
transition-timing-function: ease-in;
|
||||
transition: 0.5s;
|
||||
margin-top: $main-content-top-margin-on-update;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user