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:
silverwind 2019-02-09 16:07:38 +01:00 committed by zeripath
parent 3a33742e38
commit 681345dc99
4 changed files with 12 additions and 4 deletions

File diff suppressed because one or more lines are too long

View file

@ -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;

View file

@ -61,6 +61,11 @@
.dashboard-repos {
margin: 0 1px;
}
.dashboard-navbar {
width: 100vw;
padding: 0 .5rem;
}
}
&.feeds {

View file

@ -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">