UI: Make dashboard navbar and footer full-width (#6013)
* UI: Make dashboard navbar full-width * more tweaks: full-width footer and consistent padding * fix page layout causing unneccesary scrollbars on small pages
This commit is contained in:
parent
3a33742e38
commit
681345dc99
4 changed files with 12 additions and 4 deletions
File diff suppressed because one or more lines are too long
|
@ -49,7 +49,7 @@ pre > code {
|
|||
}
|
||||
.full.height {
|
||||
padding: 0;
|
||||
margin: 0 0 -@footer-margin 0;
|
||||
margin: 0 0 calc(-@footer-margin - 2px) 0;
|
||||
min-height: 100%;
|
||||
}
|
||||
.following.bar {
|
||||
|
@ -100,9 +100,10 @@ pre > code {
|
|||
}
|
||||
#navbar {
|
||||
width: 100vw;
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
#navbar .brand {
|
||||
margin: 0 0 0 .5rem;
|
||||
margin: 0;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
#navbar:not(.shown) > *:not(:first-child) {
|
||||
|
@ -444,6 +445,8 @@ footer {
|
|||
width: 100%;
|
||||
color: #888888;
|
||||
.container {
|
||||
width: 100vw !important;
|
||||
padding: 0 .5rem;
|
||||
.fa {
|
||||
width: 16px;
|
||||
text-align: center;
|
||||
|
|
|
@ -61,6 +61,11 @@
|
|||
.dashboard-repos {
|
||||
margin: 0 1px;
|
||||
}
|
||||
|
||||
.dashboard-navbar {
|
||||
width: 100vw;
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
&.feeds {
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="ui container">
|
||||
<div class="dashboard-navbar">
|
||||
<div class="ui secondary stackable menu">
|
||||
<div class="item">
|
||||
<div class="ui floating dropdown link jump">
|
||||
|
|
Reference in a new issue