mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-18 23:31:17 +02:00
Code Issues Releases Wiki Activity

Fix bottom border on header

Browse Source
This commit is contained in:
Toby Zerner
2015-03-05 12:04:10 +10:30
parent e45449ae37
commit 4abdb2e3ca
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
framework/core/ember/app/styles/flarum/hero.less
View File

@@ -1,4 +1,5 @@
.hero { .hero {
margin-top: -1px;
background: @fl-body-hero-bg; background: @fl-body-hero-bg;
text-align: center; text-align: center;
padding: 20px 0; padding: 20px 0;

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

@@ -152,11 +152,12 @@
position: fixed; position: fixed;
z-index: @zindex-pane; z-index: @zindex-pane;
overflow: auto; overflow: auto;
top: 56px; top: @header-height;
bottom: 0; bottom: 0;
width: @index-pane-width; width: @index-pane-width;
background: @fl-body-bg; background: @fl-body-bg;
padding-bottom: 200px; padding-bottom: 200px;
border-top: 1px solid @fl-body-control-bg;
.box-shadow(2px 2px 6px -2px @fl-shadow-color); .box-shadow(2px 2px 6px -2px @fl-shadow-color);
.transition(left 0.2s); .transition(left 0.2s);

10
framework/core/ember/app/styles/flarum/layout.less
View File

@@ -39,9 +39,9 @@ body {
.global-page:before { .global-page:before {
content: " "; content: " ";
.toolbar(); .toolbar();
border-bottom: 0;
.scrolled & { .scrolled & {
border-bottom: 0;
.box-shadow(0 2px 6px @fl-shadow-color); .box-shadow(0 2px 6px @fl-shadow-color);
} }
@@ -306,6 +306,10 @@ body {
// ------------------------------------ // ------------------------------------
// Content Area // Content Area
.global-content {
border-top: 1px solid @fl-body-control-bg;
}
// On phones, the content area overlays the drawer, so we must give it a // On phones, the content area overlays the drawer, so we must give it a
// background and min-height so it cannot be seen through. When the drawer is // background and min-height so it cannot be seen through. When the drawer is
// meant to be open, we slide the content to the right to reveal the drawer. // meant to be open, we slide the content to the right to reveal the drawer.
@@ -316,7 +320,7 @@ body {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
padding-bottom: 15px; padding-bottom: 15px;
padding-top: @mobile-header-height; margin-top: @mobile-header-height;
.box-shadow(0 0 6px @fl-shadow-color); .box-shadow(0 0 6px @fl-shadow-color);
.transition(margin-left 0.2s); .transition(margin-left 0.2s);
@@ -328,7 +332,7 @@ body {
@media @tablet, @desktop, @desktop-hd { @media @tablet, @desktop, @desktop-hd {
.global-content { .global-content {
padding-top: @header-height; margin-top: @header-height;
} }
} }