« get me outta code hell

css: adapt quick-description to responsive padding and max-width - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-06-13 17:31:15 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-06-18 22:56:11 -0300
commit1ed9a32db8207b533281feb43cff7996790dbcb0 (patch)
tree8f3b7a808dd9e6c9e20468202c11eb33c11e9928 /src/static
parente43bf67d7e415cfdefc7eacf709237c08e5a1be4 (diff)
css: adapt quick-description to responsive padding and max-width
Diffstat (limited to 'src/static')
-rw-r--r--src/static/css/site.css11
1 files changed, 7 insertions, 4 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index de28ad58..1cc8e185 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1268,10 +1268,13 @@ ul.quick-info li:not(:last-child)::after {
 }
 
 .quick-description:not(.has-external-links-only) {
-  margin-left: 8%;
-  margin-right: 8%;
-  padding-left: 4%;
-  padding-right: 4%;
+  --clamped-padding-ratio: max(var(--responsive-padding-ratio), 0.06);
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: calc(0.40 * var(--clamped-padding-ratio) * 100%);
+  padding-right: calc(0.40 * var(--clamped-padding-ratio) * 100%);
+  max-width: 500px;
+
   padding-top: 0.25em;
   padding-bottom: 0.75em;
   border-left: 1px solid var(--dim-color);