summaryrefslogtreecommitdiff
path: root/ext/mixed/css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-04-17 19:15:47 -0400
committertoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-04-18 21:33:14 -0400
commit07e5e5c15b20077fd325b2546ae96c5a50d4c1bd (patch)
treec8c344a153f79fc19fb6414515b2a87cbbefdec3 /ext/mixed/css
parentc75a0d4e704aefe197972cee44f598fbc6114f78 (diff)
Show small image preview on [Image] link hover/focus
Diffstat (limited to 'ext/mixed/css')
-rw-r--r--ext/mixed/css/display.css19
1 files changed, 19 insertions, 0 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index ca1fa371..4f43af6f 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -697,6 +697,25 @@ button.action-button {
:root[data-compact-glossaries=true] .term-glossary-image-container {
display: none;
+ position: absolute;
+ left: 0;
+ top: 100%;
+ z-index: 1;
+}
+
+:root[data-compact-glossaries=true] .entry:nth-last-of-type(1):not(:nth-of-type(1)) .term-glossary-image-container {
+ bottom: 100%;
+ top: auto;
+}
+
+:root[data-compact-glossaries=true] .term-glossary-image-link {
+ position: relative;
+ display: inline-block;
+}
+
+:root[data-compact-glossaries=true] .term-glossary-image-link:hover .term-glossary-image-container,
+:root[data-compact-glossaries=true] .term-glossary-image-link:focus .term-glossary-image-container {
+ display: block;
}
:root:not([data-compact-glossaries=true]) .term-glossary-image-link-text {