Nulo/gitea
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Activity

Enable fluid page layout on medium size viewports (#21178)

Browse source 
Fomantic has abrupt breakpoints at 991px and 768px which leads to
variable amounts of wasted screen space below those breakpoints.
Instead, enable fluid width for all viewport sizes below 1200px.
This commit is contained in:
silverwind 2022-09-19 14:50:15 +02:00 committed by GitHub
parent c5e88fb03d
commit d0e3c53815
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
web_src/less/_base.less
View file

@ -737,6 +737,13 @@ a.ui.card:hover,
padding-bottom: 80px; padding-bottom: 80px;
} }
/* enable fluid page widths for medium size viewports */
@media @mediaMdAndUp and @mediaLgAndDown {
.ui.ui.ui.container:not(.fluid) {
width: calc(100vw - 3em);
}
}
.following.bar { .following.bar {
z-index: 900; z-index: 900;
left: 0; left: 0;