forked from gitea/gitea
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
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…
Reference in New Issue