loading up the forgejo repo on tangled to test page performance
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.
authored by
silverwind
and committed by
GitHub
d0e3c538
c5e88fb0
+7
+7
web_src/less/_base.less
+7
web_src/less/_base.less
···
737
737
padding-bottom: 80px;
738
738
}
739
739
740
+
/* enable fluid page widths for medium size viewports */
741
+
@media @mediaMdAndUp and @mediaLgAndDown {
742
+
.ui.ui.ui.container:not(.fluid) {
743
+
width: calc(100vw - 3em);
744
+
}
745
+
}
746
+
740
747
.following.bar {
741
748
z-index: 900;
742
749
left: 0;