« get me outta code hell

css: limit handle/thing tooltip width, overflow ellipsis - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/css
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-06-18 13:24:58 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-06-18 22:56:17 -0300
commitae8c33dbffdfd339988d3824b4e19dd362013152 (patch)
tree642e86b774da83cbad8b0fcd6b137b70133a4aea /src/static/css
parentc3cb6416c3da69937ed600f2a54d9e30d98cb5f1 (diff)
css: limit handle/thing tooltip width, overflow ellipsis
Diffstat (limited to 'src/static/css')
-rw-r--r--src/static/css/site.css12
1 files changed, 12 insertions, 0 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index ddd285b9..374d2546 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -984,9 +984,21 @@ li:not(:first-child:last-child) .tooltip,
   grid-column-start: handle-start;
   grid-column-end: handle-end;
 
+  width: max-content;
+  max-width: 200px;
+
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.contribution-tooltip .external-handle {
   padding-right: 8px;
 }
 
+.contribution-tooltip .chronology-text {
+  padding-right: 6px;
+}
 
 .contribution-tooltip .chronology-text,
 .contribution-tooltip .chronology-info {