mirror of
https://github.com/flarum/framework.git
synced 2025-05-11 01:44:38 +08:00
Animate header between normal and full-width (pinned pane)
This commit is contained in:
parent
4046644e13
commit
d81fe3ac36
@ -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%;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user