diff options
author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-05-18 17:41:27 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-05-18 17:41:27 -0400 |
commit | f3cf4d10c711037c99c185dd0b46dac9f5d69794 (patch) | |
tree | f8689d0f64118c8b8b7d991bc50d57f98d3c711f /ext/display-templates.html | |
parent | 76276e78dac387df66384a10bc1179c90ebd93fe (diff) |
Dictionary image display refactoring (#1687)
* Generalize image definition generation
* Enable optional aspect ratio
* Move styles
* Update styles
* Add more options for collapsing images
* Add image options for collapsing
* Improve layout for images that are collapsed
Diffstat (limited to 'ext/display-templates.html')
-rw-r--r-- | ext/display-templates.html | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/ext/display-templates.html b/ext/display-templates.html index 3262c15a..61d55638 100644 --- a/ext/display-templates.html +++ b/ext/display-templates.html @@ -57,7 +57,8 @@ </li></template> <template id="definition-disambiguation-template"><span class="definition-disambiguation"></span></template> <template id="gloss-item-template"><li class="gloss-item click-scannable"><span class="gloss-separator"> </span><span class="gloss-content"></span></li></template> -<template id="gloss-item-image-template"><li class="gloss-item click-scannable" data-has-image="true"><span class="gloss-separator"> </span><span class="gloss-content"><a class="gloss-image-link" target="_blank" rel="noreferrer noopener"><span class="gloss-image-container"><span class="gloss-image-aspect-ratio-sizer"></span><img class="gloss-image" alt=""><span class="gloss-image-container-overlay"></span></span><span class="gloss-image-link-text">Image</span></a> <span class="gloss-image-description"></span></span></li></template> +<template id="gloss-item-image-template"><a class="gloss-image-link" target="_blank" rel="noreferrer noopener"><span class="gloss-image-container"><span class="gloss-image-aspect-ratio-sizer"></span><img class="gloss-image" alt=""><span class="gloss-image-container-overlay"></span></span><span class="gloss-image-link-text">Image</span></a></template> +<template id="gloss-item-image-description-template"> <span class="gloss-image-description"></span></template> <template id="inflection-template"><span class="inflection"></span><span class="inflection-separator"> </span></template> <!-- Frequency templates --> |