github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-25 17:57:04 +08:00
Code Issues Actions 46 Packages Projects Releases Wiki Activity

Don't allow index pane to be pinned on small screens

Browse Source
This commit is contained in:
Toby Zerner 2015-03-04 12:30:18 +10:30
parent b0802214ee
commit e45449ae37
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
framework/core/ember/app/styles/flarum/buttons.less
View File

@ -84,7 +84,6 @@
border-radius: 18px;
}
.back-button {
& .back {
z-index: 3 !important; // z-index of an active .btn-group .btn is 2
@ -100,6 +99,7 @@
.rotate(45deg);
}
}
@media @desktop-hd {
&.active {
& .back {
border-radius: @border-radius-base 0 0 @border-radius-base !important;
@ -109,4 +109,5 @@
margin-left: 1px !important;
}
}
}
}

15
framework/core/ember/app/styles/flarum/index.less
View File

@ -160,13 +160,9 @@
.box-shadow(2px 2px 6px -2px @fl-shadow-color);
.transition(left 0.2s);
&.showing, .with-pane & {
&.showing {
left: 0;
}
.with-pane & {
z-index: @zindex-composer - 1;
.transition(none);
}
& .container {
width: auto;
margin: 0;
@ -196,7 +192,16 @@
}
}
}
}
@media @desktop-hd {
.index-area.paned {
.with-pane & {
left: 0;
z-index: @zindex-composer - 1;
.transition(none);
}
}
// When the pane is pinned, move the other page content inwards
.global-content, .global-footer {
.with-pane & {