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
tokarchuk/v1.17
silverwind 6 years ago committed by zeripath
parent 3a33742e38
commit 681345dc99
  1. 2
      public/css/index.css
  2. 7
      public/less/_base.less
  3. 5
      public/less/_dashboard.less
  4. 2
      templates/user/dashboard/navbar.tmpl

File diff suppressed because one or more lines are too long

@ -49,7 +49,7 @@ pre > code {
} }
.full.height { .full.height {
padding: 0; padding: 0;
margin: 0 0 -@footer-margin 0; margin: 0 0 calc(-@footer-margin - 2px) 0;
min-height: 100%; min-height: 100%;
} }
.following.bar { .following.bar {
@ -100,9 +100,10 @@ pre > code {
} }
#navbar { #navbar {
width: 100vw; width: 100vw;
padding: 0 .5rem;
} }
#navbar .brand { #navbar .brand {
margin: 0 0 0 .5rem; margin: 0;
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
#navbar:not(.shown) > *:not(:first-child) { #navbar:not(.shown) > *:not(:first-child) {
@ -444,6 +445,8 @@ footer {
width: 100%; width: 100%;
color: #888888; color: #888888;
.container { .container {
width: 100vw !important;
padding: 0 .5rem;
.fa { .fa {
width: 16px; width: 16px;
text-align: center; text-align: center;

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

@ -1,4 +1,4 @@
<div class="ui container"> <div class="dashboard-navbar">
<div class="ui secondary stackable menu"> <div class="ui secondary stackable menu">
<div class="item"> <div class="item">
<div class="ui floating dropdown link jump"> <div class="ui floating dropdown link jump">

Loading…
Cancel
Save