« 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-13 17:31:15 -0300
commit931e51433ec417941a9f8aa0339c5bfcf09156fb (patch)
treeb3182fce267e01d548f2b820f6a56d4887dac62d /src/static
parent4eb74627802c84b60c14bba49d0a5bfbb516397a (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);