diff options
| author | silverwind <me@silverwind.io> | 2022-09-19 14:50:15 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-09-19 14:50:15 +0200 |
| commit | d0e3c53815cebea8189afd83bcc6f3d840f3f899 (patch) | |
| tree | dd6d4e101580530c2fadcf3133797feecc66e310 | |
| parent | c5e88fb03d01b929cfcf17c0a817d75572d44023 (diff) | |
| download | gitea-d0e3c53815cebea8189afd83bcc6f3d840f3f899.tar.gz gitea-d0e3c53815cebea8189afd83bcc6f3d840f3f899.zip | |
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.
| -rw-r--r-- | web_src/less/_base.less | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/web_src/less/_base.less b/web_src/less/_base.less index 31f71d3c00..5fc3762e8b 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -737,6 +737,13 @@ a.ui.card:hover, 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 { z-index: 900; left: 0; |