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

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

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;