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

Loading…
Cancel
Save