Skip to content

Commit d0e3c53

Browse files
authored
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.
1 parent c5e88fb commit d0e3c53

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

web_src/less/_base.less

+7
Original file line numberDiff line numberDiff line change
@@ -737,6 +737,13 @@ a.ui.card:hover,
737737
padding-bottom: 80px;
738738
}
739739

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+
740747
.following.bar {
741748
z-index: 900;
742749
left: 0;

0 commit comments

Comments
 (0)