fix: nav and header styles

This commit is contained in:
EnixCoda 2020-07-17 16:19:05 +08:00
parent 17f785e5c4
commit c2fb67fb37
No known key found for this signature in database
GPG key ID: FE06F5DFC1C9B8E4

View file

@ -29,20 +29,30 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
.Header {
max-width: 1280px;
margin: 0 auto;
@media (max-width: 1020px) {
overflow: hidden; // prevent blank scroll area when Gitako is open and window is narrow
}
@media (min-width: 1280px) {
padding: 0 32px !important;
}
}
.pagehead.repohead {
box-shadow: inset 0 -1px 0 #e1e4e8;
& > * {
max-width: 1280px;
margin: auto;
main {
// overflow: hidden;
// This prevents blank scroll area when Gitako is open and window is narrow.
// But it conflicts with the pr toolbar. Keep it here as a reminder.
&.UnderlineNav {
position: relative;
overflow: visible !important;
& > *:first-child {
// repo info and nav bar
box-shadow: inset 0 -1px 0 #e1e4e8; // from .UnderlineNav
& > * {
max-width: 1280px;
margin: 0 auto;
}
nav {
overflow: auto !important;
}
}
}