animate appearance and disappearance of titlebar when toggling fullscreen

This commit is contained in:
Philipp Brumm 2016-07-02 15:05:29 +02:00
parent bda08c4a5f
commit 3e53a03871

View File

@ -1,15 +1,17 @@
@import "ui-variables"; @import "ui-variables";
@title-bar-text-size: 13px; @title-bar-text-size: 13px;
@title-bar-height: 23px;
@title-bar-background-color: @base-background-color; @title-bar-background-color: @base-background-color;
@title-bar-border-color: @base-border-color; @title-bar-border-color: @base-border-color;
body.fullscreen .title-bar { body.fullscreen .title-bar {
display: none; margin-top: -@title-bar-height;
} }
.title-bar { .title-bar {
height: 23px; height: @title-bar-height;
transition: margin-top 200ms ease-out 700ms;
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;