mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-08 10:35:27 +02:00
Code Issues Releases Wiki Activity

Tweak admin side-pane styles

Browse Source 
Position the side-pane absolutely when scrolled to the top so that it does not disjoin from the header in Safari.
This commit is contained in:
Toby Zerner
2015-12-03 15:02:07 +10:30
parent 81a1c0955b
commit 55e80f135d
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
less/admin/AdminNav.less
View File

@ -14,15 +14,21 @@
} }
@media @desktop, @desktop-hd { @media @desktop, @desktop-hd {
.App-nav { .App-nav {
position: fixed; position: absolute;
top: @header-height; top: @header-height;
bottom: 0; height: ~"calc(100vh - @{header-height})";
width: @admin-pane-width; width: @admin-pane-width;
.box-shadow(0 6px 6px @shadow-color); .box-shadow(0 6px 6px @shadow-color);
background: @body-bg; background: @body-bg;
border-top: 1px solid @control-bg; border-top: 1px solid @control-bg;
z-index: @zindex-pane; z-index: @zindex-pane;
overflow: auto; overflow: auto;
.affix & {
position: fixed;
bottom: 0;
height: auto;
}
} }
.App-content .sideNavOffset { .App-content .sideNavOffset {
margin-left: @admin-pane-width; margin-left: @admin-pane-width;