aboutsummaryrefslogtreecommitdiff
path: root/ext/css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-02-27 16:54:15 -0500
committerGitHub <noreply@github.com>2021-02-27 16:54:15 -0500
commitc4b2e83cb4291a3ad11d05a21a45701e3a407055 (patch)
treefc04f0219d927a6575e04618f2fa63a4083b7e96 /ext/css
parent8d3436fca3885ba648e2c6f6bad4fa11bd8cb8c4 (diff)
Organize display styles (#1452)
* Improve grouping for inflection and expression styles * kanji-link => expression-kanji-link * Remove unnecessary entry-header2 and entry-header3 * Move tag list into header for consistency with term definitions * Move styles * Add clear
Diffstat (limited to 'ext/css')
-rw-r--r--ext/css/display.css109
1 files changed, 57 insertions, 52 deletions
diff --git a/ext/css/display.css b/ext/css/display.css
index b80a949c..63213103 100644
--- a/ext/css/display.css
+++ b/ext/css/display.css
@@ -789,12 +789,63 @@ button.action-button[data-icon=source-term]::before {
padding: var(--entry-vertical-padding) var(--entry-horizontal-padding);
position: relative;
}
-.kanji-link {
+.entry+.entry {
+ border-top: var(--thin-border-size) solid var(--light-border-color);
+}
+.entry-body {
+ clear: both;
+}
+.entry[data-definition-count='0'] .entry-body-section[data-section-type=definitions],
+.entry[data-frequency-count='0'] .entry-body-section[data-section-type=frequencies],
+.entry[data-pitch-accent-count='0'] .entry-body-section[data-section-type=pitch-accents] {
+ display: none;
+}
+
+
+/* Inflections */
+.inflection-list {
+ display: inline-block;
+ color: var(--reason-text-color);
+}
+.inflection-list:empty {
+ display: none;
+}
+.inflection-list>.inflection+.inflection-separator+.inflection::before {
+ content: ' \00AB '; /* The two spaces is not a typo */
+ white-space: pre-wrap;
+ display: inline;
+}
+
+
+/* Expressions */
+.expression-kanji-link {
border-bottom: var(--expression-thin-border-size) dashed var(--expression-kanji-border-color);
color: var(--expression-text-color);
text-decoration: none;
cursor: pointer;
}
+.expression-list {
+ display: inline;
+ margin-right: var(--expression-list-end-space);
+}
+.expression {
+ display: inline-block;
+}
+.expression-details {
+ display: inline;
+}
+.expression-tag-list {
+ display: none;
+}
+.expression-details>.frequencies {
+ display: none;
+}
+.expression-list-details {
+ display: inline;
+}
+.expression-list-tag-list {
+ display: inline;
+}
.expression-text-container {
display: inline-block;
margin-left: calc(-1 * var(--expression-reading-space));
@@ -825,60 +876,19 @@ button.action-button[data-icon=source-term]::before {
content: var(--expression-separator);
font-size: var(--expression-reading-font-size);
}
+.expression-text>ruby>rt {
+ color: var(--expression-furigana-text-color);
+}
.entry[data-expression-multi=true] .expression[data-frequency=popular] .expression-text,
.entry[data-expression-multi=true] .expression[data-frequency=popular] .expression-reading,
-.entry[data-expression-multi=true] .expression[data-frequency=popular] .kanji-link {
+.entry[data-expression-multi=true] .expression[data-frequency=popular] .expression-kanji-link {
color: var(--expression-text-color-popular);
}
.entry[data-expression-multi=true] .expression[data-frequency=rare] .expression-text,
.entry[data-expression-multi=true] .expression[data-frequency=rare] .expression-reading,
-.entry[data-expression-multi=true] .expression[data-frequency=rare] .kanji-link {
+.entry[data-expression-multi=true] .expression[data-frequency=rare] .expression-kanji-link {
color: var(--expression-text-color-rare);
}
-.expression-text>ruby>rt {
- color: var(--expression-furigana-text-color);
-}
-.entry-header2,
-.entry-header3 {
- display: inline;
-}
-.entry+.entry {
- border-top: var(--thin-border-size) solid var(--light-border-color);
-}
-.inflection-list {
- display: inline-block;
- color: var(--reason-text-color);
-}
-.inflection-list:empty {
- display: none;
-}
-.inflection-list>.inflection+.inflection-separator+.inflection::before {
- content: ' \00AB '; /* The two spaces is not a typo */
- white-space: pre-wrap;
- display: inline;
-}
-.expression-list {
- display: inline;
- margin-right: var(--expression-list-end-space);
-}
-.expression {
- display: inline-block;
-}
-.expression-details {
- display: inline;
-}
-.expression-tag-list {
- display: none;
-}
-.expression-details>.frequencies {
- display: none;
-}
-.expression-list-details {
- display: inline;
-}
-.expression-list-tag-list {
- display: inline;
-}
.entry[data-expression-multi=true] .expression-list-details {
display: block;
}
@@ -1118,11 +1128,6 @@ button.action-button[data-icon=source-term]::before {
opacity: 0;
white-space: pre-wrap;
}
-.entry[data-definition-count='0'] .entry-body-section[data-section-type=definitions],
-.entry[data-frequency-count='0'] .entry-body-section[data-section-type=frequencies],
-.entry[data-pitch-accent-count='0'] .entry-body-section[data-section-type=pitch-accents] {
- display: none;
-}
/* Frequencies */