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 /web_src/less | |
| 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.
Diffstat (limited to 'web_src/less')
| -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; |