Add buttom border for header

* allows to distinct the header from the rest of the UI for bright colors
* ref #5654

Signed-off-by: Morris Jobke <hey@morrisjobke.de>
This commit is contained in:
Morris Jobke 2017-08-11 11:04:22 +02:00
parent 5d2b6b8240
commit cafce87a78
2 changed files with 25 additions and 0 deletions

View File

@ -117,3 +117,23 @@ input.primary {
} }
} }
} }
@if ($color-primary == #ffffff) {
/* show grey border below header */
#body-user #header,
#body-settings #header,
#body-public #header {
border-bottom: 1px solid #ebebeb;
}
/* show triangle in header in grey */
#appmenu li a.active:before,
#header-right #settings #expand:before {
border-bottom-color:#ebebeb;
}
/* show border around quota bar in files app */
.app-files #quota .quota-container {
border: 1px solid #ebebeb;
}
}

View File

@ -531,6 +531,11 @@ nav {
left: 50%; left: 50%;
bottom: 0; bottom: 0;
z-index: 100; z-index: 100;
display: none;
}
li a.active:before,
li:hover a:before,
li:hover a.active:before {
display: block; display: block;
} }
&.menu-open li:hover a:before, &.menu-open li:hover a:before,