diff options
author | tdro <tdro@noreply.example.com> | 2023-11-30 17:11:23 -0500 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2023-11-30 17:11:23 -0500 |
commit | f03f6d41309cd96397ebff2f61e167a92ad48ad0 (patch) | |
tree | b8404eff94aaca2b6a05a9e7e86fd600e66c9191 | |
parent | bfa49b94a7c52f314293bb25d430172b4eb4035e (diff) | |
download | canory-f03f6d41309cd96397ebff2f61e167a92ad48ad0.tar.gz canory-f03f6d41309cd96397ebff2f61e167a92ad48ad0.tar.bz2 canory-f03f6d41309cd96397ebff2f61e167a92ad48ad0.zip |
assets/css/default: Use dataset on tool-tip
Make inline and add fallback transition delay
-rw-r--r-- | assets/css/default.css | 15 | ||||
-rw-r--r-- | themes/default/layouts/shortcodes/react.html | 2 |
2 files changed, 9 insertions, 8 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index d7085c4..8ac4963 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -2206,27 +2206,27 @@ diagram-container svg { background-color: var(--background); } -tool-tip[reaction] { +tool-tip[data-type="reaction"] { text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; text-decoration-thickness: 0.05rem; cursor: default; position: relative; - display: inline-block; + display: inline; } -tool-tip[reaction]:hover { +tool-tip[data-type="reaction"]:hover { text-decoration-thickness: 0.1rem; } -tool-tip[reaction]:hover img { +tool-tip[data-type="reaction"]:hover img { opacity: 1; visibility: visible; width: 100%; } -tool-tip[reaction] img { +tool-tip[data-type="reaction"] img { position: absolute; z-index: 99; visibility: hidden; @@ -2238,10 +2238,11 @@ tool-tip[reaction] img { transform: translateX(-50%); max-width: fit-content; border: none; + transition-delay: 0.5s; } -body micro-card:first-of-type tool-tip[reaction] img, -main micro-card:first-of-type tool-tip[reaction] img { +body micro-card:first-of-type tool-tip[data-type="reaction"] img, +main micro-card:first-of-type tool-tip[data-type="reaction"] img { bottom: 0; top: 100%; } diff --git a/themes/default/layouts/shortcodes/react.html b/themes/default/layouts/shortcodes/react.html index bd71665..ea96101 100644 --- a/themes/default/layouts/shortcodes/react.html +++ b/themes/default/layouts/shortcodes/react.html @@ -16,7 +16,7 @@ ) -}} -<tool-tip reaction="" title="{{ $title }}"> +<tool-tip data-type="reaction" title="{{ $title }}"> {{ $text | markdownify }} <a href="{{ $image.Permalink }}"> <img |