« get me outta code hell

css: use width: max-content & max-width for content tooltips - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2025-09-21 11:05:12 -0300
committer(quasar) nebula <qznebula@protonmail.com>2025-09-21 11:05:12 -0300
commitdd49f030de72dfeb792007d87f0cd38a38ab3dca (patch)
tree5cc0a5233bdef78ce9008e78e52038ed97328244 /src
parent2525ba73e915042045851db937d468e144d8870c (diff)
css: use width: max-content & max-width for content tooltips
Same as just about any other tooltip. Not sure why this isn't
the way we went at outset.
Diffstat (limited to 'src')
-rw-r--r--src/static/css/site.css6
1 files changed, 4 insertions, 2 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index d2bd6bd9..ca1ab034 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1503,13 +1503,15 @@ li:not(:first-child:last-child) .tooltip:where(:not(.cover-artwork .tooltip)),
 
 .content-tooltip .tooltip-content {
   padding: 3px 4.5px;
-  width: 240px;
+  width: max-content;
+  max-width: 240px;
 }
 
 .cover-artwork .content-tooltip {
   font-size: 0.85rem;
   padding: 2px 3px;
-  width: 220px;
+  width: max-content;
+  max-width: 220px;
 }
 
 .external-icon {