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 8f4c344..bc52409 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -1754,7 +1754,7 @@ twitter-tweet iframe { border: none; } -reaction-hover { +reaction-tip { text-decoration: underline; text-decoration-style: wavy; cursor: pointer; @@ -1762,17 +1762,17 @@ reaction-hover { display: inline-block; } -reaction-hover:hover { +reaction-tip:hover { text-decoration-thickness: 0.15rem; } -reaction-hover:hover img { +reaction-tip:hover img { opacity: 1; visibility: visible; width: 100%; } -reaction-hover img { +reaction-tip img { position: absolute; z-index: 99; visibility: hidden; @@ -1786,7 +1786,7 @@ reaction-hover img { border: none; } -main micro-card:first-of-type reaction-hover img { +main micro-card:first-of-type reaction-tip img { bottom: 0; top: 100%; } diff --git a/themes/default/layouts/shortcodes/react.html b/themes/default/layouts/shortcodes/react.html index 7eb7920..e7c260d 100644 --- a/themes/default/layouts/shortcodes/react.html +++ b/themes/default/layouts/shortcodes/react.html @@ -15,7 +15,7 @@ ) -}} -<reaction-hover title="{{ $title }}"> +<reaction-tip title="{{ $title }}"> {{ $text | markdownify }} <a href="{{ $image.Permalink }}"> <img @@ -26,4 +26,4 @@ src="{{ $image.Permalink }}" /> </a> -</reaction-hover> +</reaction-tip> |