feat: redesign auto-update component (#910)

This commit is contained in:
Róbert Kiss
2019-02-02 02:11:54 +01:00
committed by László Monda
parent 12d361eb2e
commit 9a0b0f9df1
28 changed files with 178 additions and 105 deletions

View File

@@ -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;

View File

@@ -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;
}
}