magic_rb/forgejo
Template
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo synced 2024-11-29 13:16:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

UI: Make dashboard navbar and footer full-width (#6013)

Browse source 
* 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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/css/index.css
View file

File diff suppressed because one or more lines are too long

7
public/less/_base.less
View file

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

5
public/less/_dashboard.less
View file

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

2
templates/user/dashboard/navbar.tmpl
View file

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