summaryrefslogtreecommitdiff
path: root/ext/mixed/css/display.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-01-09 10:41:17 -0500
committerGitHub <noreply@github.com>2021-01-09 10:41:17 -0500
commit06d23f59d83ef89ebda89db547195ecf2a1c6ebf (patch)
tree0b0088003dbc0b27fd1aad4fa86b67d0c47f2217 /ext/mixed/css/display.css
parentb20622b2c84ce3ca1781c7bf8e10fed0af1e5001 (diff)
Improve frequency display (#1209)
* Disable old frequencies * Update layout * Implement new frequency display * Update count info
Diffstat (limited to 'ext/mixed/css/display.css')
-rw-r--r--ext/mixed/css/display.css153
1 files changed, 104 insertions, 49 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 0e4b2012..fd320904 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -249,6 +249,12 @@ h3 {
margin: 0.25em 0 0.375em;
padding: 0;
}
+h5 {
+ font-size: calc(12em / 14);
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+}
a {
color: var(--link-color);
text-decoration: underline;
@@ -693,27 +699,6 @@ button.action-button[data-icon=source-term]::before {
.tag-inner {
display: block;
}
-.tag-frequency-separator::before {
- content: ':';
-}
-.tag-frequency-disambiguation-separator::before {
- content: ':';
-}
-.tag-frequency-disambiguation::before {
- content: '(';
-}
-.tag-frequency-disambiguation::after {
- content: ') ';
-}
-.frequencies .tag[data-reading-is-same=true] .tag-frequency-disambiguation-separator,
-.frequencies .tag[data-reading-is-same=true] .tag-frequency-disambiguation-reading,
-.entry[data-unique-expression-count='1'] .tag-frequency-disambiguation-separator,
-.entry[data-unique-expression-count='1'] .tag-frequency-disambiguation-expression,
-.entry[data-unique-reading-count='1'] .tag-frequency-disambiguation-separator,
-.entry[data-unique-reading-count='1'] .tag-frequency-disambiguation-reading,
-.entry[data-unique-expression-count='1'][data-unique-reading-count='1'] .tag-frequency-disambiguation {
- display: none;
-}
/* Entries */
@@ -949,16 +934,6 @@ button.action-button[data-icon=source-term]::before {
bottom: -0.5em;
white-space: nowrap;
}
-.entry[data-expression-multi=true] .term-expression-list .term-expression-details>.frequencies {
- display: block;
- position: absolute;
- left: 0;
- bottom: -1.9em;
- white-space: nowrap;
-}
-.entry[data-expression-multi=true] .term-expression-list .term-expression-details>.frequencies .tag-frequency-disambiguation {
- display: none;
-}
/* Definitions */
@@ -1008,24 +983,106 @@ button.action-button[data-icon=source-term]::before {
opacity: 0;
white-space: pre-wrap;
}
-.term-special-tags>.frequencies {
- display: inline;
+.entry-body {
+ margin-top: -0.5em;
+}
+.entry-body-section {
+ margin-top: 0.5em;
+}
+.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;
}
-.term-entry-body[data-section-count='0'] .term-entry-body-section-header,
-.term-entry-body[data-section-count='1'] .term-entry-body-section-header {
+.entry[data-pitch-accent-count='0'][data-frequency-count='0'] .entry-body-section[data-section-type=definitions]>h5 {
display: none;
}
-/* Pitch accent styles */
-.entry[data-pitch-accent-count='0'] .term-pitch-accent-container {
+/* Frequencies */
+.frequency-group-list {
+ margin: 0;
+ padding: 0 0 0 var(--list-padding1);
+ list-style-type: decimal;
+}
+.frequency-group-list[data-count='0'],
+.frequency-group-list[data-count='1'] {
+ padding-left: 0;
+ list-style-type: none;
+}
+.frequency-list {
+ margin: 0;
+ padding: 0 0 0 var(--list-padding2);
+ list-style-type: circle;
+}
+.frequency-list[data-count='0'],
+.frequency-list[data-count='1'] {
+ padding-left: 0;
+ list-style-type: none;
+}
+.frequency-group-item::marker,
+.frequency-item::marker {
+ color: var(--text-color-light);
+}
+.frequency-disambiguation {
+ color: var(--text-color-light);
+}
+.frequency-separator::before {
+ content: '';
+}
+.frequency-disambiguation-separator::before {
+ content: ':';
+}
+.frequency-disambiguation::before {
+ content: '(';
+}
+.frequency-disambiguation::after {
+ content: ' only) ';
+}
+.entry[data-unique-expression-count='1'] .frequency-item[data-has-reading=false] .frequency-disambiguation,
+.entry[data-unique-reading-count='1'][data-unique-expression-count='1'] .frequency-disambiguation,
+.frequency-item[data-reading-is-same=true] .frequency-disambiguation-separator,
+.frequency-item[data-reading-is-same=true] .frequency-disambiguation-reading,
+.frequency-item[data-has-reading=false] .frequency-disambiguation-separator,
+.frequency-item[data-has-reading=false] .frequency-disambiguation-reading,
+.entry[data-unique-expression-count='1'] .frequency-disambiguation-separator,
+.entry[data-unique-expression-count='1'] .frequency-disambiguation-expression,
+.entry[data-unique-reading-count='1'] .frequency-disambiguation-separator,
+.entry[data-unique-reading-count='1'] .frequency-disambiguation-reading {
display: none;
}
-.term-pitch-accent-container {
- border-bottom: var(--thin-border-size) solid var(--light-border-color);
- padding-bottom: 0.25em;
- margin-bottom: 0.25em;
+:root[data-glossary-layout-mode=compact] .frequency-group-list,
+:root[data-glossary-layout-mode=compact] .frequency-list,
+.frequency-list[data-count='1'] {
+ display: inline;
+ list-style: none;
+ padding-left: 0;
+}
+:root[data-glossary-layout-mode=compact] .frequency-group-item {
+ display: inline-block;
+ margin-right: 1em;
+}
+:root[data-glossary-layout-mode=compact] .entry-body-section[data-section-type=frequencies] {
+ margin-right: -1em;
+}
+:root[data-glossary-layout-mode=compact] .frequency-item,
+.frequency-list[data-count='1'] .frequency-item {
+ display: inline-block;
+}
+:root[data-glossary-layout-mode=compact] .frequency-item:not(:first-child)::before,
+.frequency-list[data-count='1'] .frequency-item:not(:first-child)::before {
+ white-space: pre-wrap;
+ content: var(--compact-list-separator);
+ display: inline;
+ color: var(--text-color-light);
}
+:root[data-glossary-layout-mode=compact] .frequency-tag-list,
+.frequency-group-item[data-count='1'] .frequency-tag-list {
+ display: inline;
+}
+
+
+/* Pitch accent styles */
.term-pitch-accent-group-list {
margin: 0;
padding: 0 0 0 var(--list-padding1);
@@ -1582,17 +1639,15 @@ button.footer-notification-close-button:active {
display: inline;
color: var(--text-color-light);
}
-:root[data-glossary-layout-mode=compact] .entry:not([data-expression-multi=true]) .term-special-tags {
+
+:root[data-glossary-layout-mode=compact] .entry-body-section>h5 {
display: none;
}
-:root[data-glossary-layout-mode=compact] .term-expression-details>.frequencies {
- display: inline;
+:root[data-glossary-layout-mode=compact] .entry-body {
+ margin-top: 0;
}
-
-:root[data-glossary-layout-mode=compact] .term-pitch-accent-container {
- border-bottom: none;
- padding-bottom: 0;
- margin-bottom: 0;
+:root[data-glossary-layout-mode=compact] .entry-body-section {
+ margin-top: 0;
}
:root[data-show-pitch-accent-downstep-notation=true] .term-pitch-accent-disambiguation-list[data-expression-count='0'],
:root[data-show-pitch-accent-downstep-notation=true] .term-pitch-accent-disambiguation[data-type=reading] {