diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2020-04-17 19:15:47 -0400 |
|---|---|---|
| committer | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2020-04-18 21:33:14 -0400 |
| commit | 07e5e5c15b20077fd325b2546ae96c5a50d4c1bd (patch) | |
| tree | c8c344a153f79fc19fb6414515b2a87cbbefdec3 | |
| parent | c75a0d4e704aefe197972cee44f598fbc6114f78 (diff) | |
Show small image preview on [Image] link hover/focus
| -rw-r--r-- | ext/mixed/css/display.css | 19 |
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 { |