Animate header between normal and full-width (pinned pane)

This commit is contained in:
Toby Zerner 2015-06-25 15:05:46 +09:30
parent 4046644e13
commit d81fe3ac36

View File

@ -118,6 +118,7 @@
.global-content, .global-footer { .global-content, .global-footer {
.has-pane.pane-pinned & { .has-pane.pane-pinned & {
margin-left: @index-pane-width; margin-left: @index-pane-width;
& .container { & .container {
max-width: 100%; max-width: 100%;
padding: 0 30px; padding: 0 30px;
@ -125,6 +126,8 @@
} }
} }
.global-header .container { .global-header .container {
transition: width 0.2s;
.has-pane.pane-pinned & { .has-pane.pane-pinned & {
width: 100%; width: 100%;
} }