diff options
-rw-r--r-- | assets/css/default.css | 10 | ||||
-rw-r--r-- | themes/default/layouts/shortcodes/react.html | 4 |
2 files changed, 7 insertions, 7 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 9608167..80df489 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -2070,7 +2070,7 @@ diagram-container svg { background-color: var(--background); } -reaction-tip { +tool-tip[reaction] { text-decoration: underline; -webkit-text-decoration-style: wavy; text-decoration-style: wavy; @@ -2080,17 +2080,17 @@ reaction-tip { display: inline-block; } -reaction-tip:hover { +tool-tip[reaction]:hover { text-decoration-thickness: 0.1rem; } -reaction-tip:hover img { +tool-tip[reaction]:hover img { opacity: 1; visibility: visible; width: 100%; } -reaction-tip img { +tool-tip[reaction] img { position: absolute; z-index: 99; visibility: hidden; @@ -2104,7 +2104,7 @@ reaction-tip img { border: none; } -main micro-card:first-of-type reaction-tip img { +main micro-card:first-of-type tool-tip[reaction] img { bottom: 0; top: 100%; } diff --git a/themes/default/layouts/shortcodes/react.html b/themes/default/layouts/shortcodes/react.html index 344bd2d..bd71665 100644 --- a/themes/default/layouts/shortcodes/react.html +++ b/themes/default/layouts/shortcodes/react.html @@ -16,7 +16,7 @@ ) -}} -<reaction-tip title="{{ $title }}"> +<tool-tip reaction="" title="{{ $title }}"> {{ $text | markdownify }} <a href="{{ $image.Permalink }}"> <img @@ -27,4 +27,4 @@ src="{{ $image.Permalink }}" /> </a> -</reaction-tip> +</tool-tip> |