summaryrefslogtreecommitdiff
path: root/ext/css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-06-28 22:12:17 -0400
committerGitHub <noreply@github.com>2021-06-28 22:12:17 -0400
commit1f1a958a71b44e5c6e0dbc0742e007fa5abeca29 (patch)
treedf6c0f2f770e276936f083688cc4ca9b0601b300 /ext/css
parent9f3d267e241bb2886f85d39e5e0e6dde45e6888b (diff)
Update CSS rules for images (#1777)
Diffstat (limited to 'ext/css')
-rw-r--r--ext/css/display.css11
-rw-r--r--ext/css/structured-content.css4
2 files changed, 14 insertions, 1 deletions
diff --git a/ext/css/display.css b/ext/css/display.css
index b23ae5e5..c6a39526 100644
--- a/ext/css/display.css
+++ b/ext/css/display.css
@@ -1128,6 +1128,7 @@ button.action-button[data-icon=source-term]::before {
color: var(--text-color-light3);
}
.gloss-content {
+ display: block;
white-space: pre-line;
}
.definition-disambiguation-list {
@@ -1153,6 +1154,9 @@ button.action-button[data-icon=source-term]::before {
opacity: 0;
white-space: pre-wrap;
}
+.gloss-separator {
+ display: none;
+}
.definition-item {
display: list-item;
position: relative;
@@ -1170,6 +1174,7 @@ button.action-button[data-icon=source-term]::before {
flex-flow: row nowrap;
}
.definition-item-content {
+ width: 100%;
flex: 1 1 auto;
background-color: transparent;
transition: background-color var(--animation-duration) ease-in-out;
@@ -2006,6 +2011,12 @@ button.footer-notification-close-button {
display: inline;
color: var(--text-color-light3);
}
+:root[data-glossary-layout-mode=compact] .gloss-content {
+ display: inline;
+}
+:root[data-glossary-layout-mode=compact] .gloss-separator {
+ display: inline;
+}
:root[data-show-pitch-accent-downstep-notation=true] .pitch-accent-disambiguation-list[data-term-count='0'],
:root[data-show-pitch-accent-downstep-notation=true] .pitch-accent-disambiguation[data-type=reading] {
diff --git a/ext/css/structured-content.css b/ext/css/structured-content.css
index ea0bf5cd..37cfde86 100644
--- a/ext/css/structured-content.css
+++ b/ext/css/structured-content.css
@@ -20,6 +20,7 @@
display: inline-block;
white-space: nowrap;
max-width: 100%;
+ max-height: 100vh;
position: relative;
vertical-align: top;
line-height: 0;
@@ -35,6 +36,7 @@
display: inline-block;
position: relative;
line-height: 1;
+ max-width: 100%;
}
.gloss-image-link[href]:hover {
cursor: pointer;
@@ -119,7 +121,7 @@
:root[data-browser=firefox-mobile] .gloss-image-link[data-image-rendering=crisp-edges] .gloss-image-background {
image-rendering: auto;
}
-.gloss-image-link[data-has-aspect-ratio=true] .gloss-image-aspect-ratio-sizer {
+.gloss-image-link[data-has-aspect-ratio=true] .gloss-image-sizer {
display: inline-block;
width: 0;
vertical-align: top;