From 42c9000389a114463447c6e0a18b77c408ef5388 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Fri, 12 Jan 2024 13:19:34 -0400 Subject: content, css: refactor tooltip classes, offset icons-tooltip in lists --- src/static/site6.css | 36 +++++++++++++++++------------------- 1 file changed, 17 insertions(+), 19 deletions(-) (limited to 'src/static/site6.css') diff --git a/src/static/site6.css b/src/static/site6.css index cd00a721..baa2efdf 100644 --- a/src/static/site6.css +++ b/src/static/site6.css @@ -525,32 +525,20 @@ a:not([href]):hover { text-decoration-style: wavy !important; } -.icons-tooltip, -.datetimestamp-tooltip { +.tooltip { position: absolute; z-index: 3; - left: -34px; + left: -10px; top: calc(1em + 1px); display: none; } -.icons-tooltip { - padding: 3px 6px 6px 6px; - left: -34px; -} - -.datetimestamp-tooltip { - padding: 3px 4px 2px 2px; - left: -10px; -} - -li:not(:first-child:last-child) .datetimestamp-tooltip, -.offset-tooltips > :not(:first-child:last-child) .datetimestamp-tooltip { +li:not(:first-child:last-child) .tooltip, +.offset-tooltips > :not(:first-child:last-child) .tooltip { left: 14px; } -.icons-tooltip-content, -.datetimestamp-tooltip-content { +.tooltip-content { display: block; background: var(--bg-black-color); @@ -568,7 +556,17 @@ li:not(:first-child:last-child) .datetimestamp-tooltip, 0 -2px 4px -2px var(--primary-color) inset; } -.icons-tooltip-content { +.icons-tooltip { + padding: 3px 6px 6px 6px; + left: -34px; +} + +.datetimestamp-tooltip { + padding: 3px 4px 2px 2px; + left: -10px; +} + +.icons-tooltip .tooltip-content { padding: 6px 2px 2px 2px; -webkit-user-select: none; @@ -577,7 +575,7 @@ li:not(:first-child:last-child) .datetimestamp-tooltip, cursor: default; } -.datetimestamp-tooltip-content { +.datetimestamp-tooltip .tooltip-content { padding: 5px 6px; white-space: nowrap; font-size: 0.9em; -- cgit 1.3.0-6-gf8a5