From 5197b6cb9a351d7b72c4a69e495e248c03e4d799 Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Thu, 25 Feb 2021 18:48:42 -0500
Subject: [PATCH] Disambiguation style strings (#1442)

* Add strings section

* Add disambiguation prefix/suffix strings

* Add separator strings

* Add padding definition
---
 ext/css/display.css | 34 ++++++++++++++++++++++------------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/ext/css/display.css b/ext/css/display.css
index 148200b2..02e33ad9 100644
--- a/ext/css/display.css
+++ b/ext/css/display.css
@@ -17,6 +17,14 @@
 
 /* Variables */
 :root {
+    /* Strings */
+    --compact-list-separator: ' | ';
+
+    --disambiguation-prefix: '(';
+    --disambiguation-suffix: ' only)';
+    --disambiguation-separator: ', ';
+    --disambiguation-reading-separator: ':';
+
     /* Layout */
     --font-size-no-units: 14;
     --font-size: calc(1px * var(--font-size-no-units));
@@ -71,7 +79,6 @@
     --tag-font-weight: bold;
     --tag-border-radius: 0.25em;
 
-    --compact-list-separator: ' | ';
     --list-padding1: 1.4em;
     --list-padding2: var(--list-padding1);
 
@@ -80,6 +87,8 @@
 
     --overlay-panel-translate-distance: 4em;
 
+    --disambiguation-space: 0.25em;
+
     --animation-duration: 0.125s;
     --animation-duration2: calc(2 * var(--animation-duration));
 
@@ -1045,18 +1054,19 @@ button.action-button[data-icon=source-term]::before {
 }
 .term-definition-disambiguation-list {
     color: var(--text-color-light3);
+    padding-right: var(--disambiguation-space);
 }
 .term-definition-disambiguation-list[data-count='0'] {
     display: none;
 }
 .term-definition-disambiguation-list::before {
-    content: '(';
+    content: var(--disambiguation-prefix);
 }
 .term-definition-disambiguation-list::after {
-    content: ' only) ';
+    content: var(--disambiguation-suffix);
 }
 .term-definition-disambiguation+.term-definition-disambiguation::before {
-    content: ', ';
+    content: var(--disambiguation-separator);
 }
 .term-glossary-separator,
 .term-reason-separator {
@@ -1081,16 +1091,16 @@ button.action-button[data-icon=source-term]::before {
 }
 .frequency-disambiguation {
     color: var(--text-color-light3);
-    padding-right: 0.25em;
+    padding-right: var(--disambiguation-space);
 }
 .frequency-disambiguation-separator::before {
-    content: ':';
+    content: var(--disambiguation-reading-separator);
 }
 .frequency-disambiguation::before {
-    content: '(';
+    content: var(--disambiguation-prefix);
 }
 .frequency-disambiguation::after {
-    content: ' only)';
+    content: var(--disambiguation-suffix);
 }
 .frequency-disambiguation-reading {
     display: inline;
@@ -1305,17 +1315,17 @@ button.action-button[data-icon=source-term]::before {
     margin-right: 0.375em;
 }
 .term-pitch-accent-disambiguation-list {
-    padding-right: 0.25em;
     color: var(--text-color-light3);
+    padding-right: var(--disambiguation-space);
 }
 .term-pitch-accent-disambiguation-list::before {
-    content: '(';
+    content: var(--disambiguation-prefix);
 }
 .term-pitch-accent-disambiguation-list::after {
-    content: ' only)';
+    content: var(--disambiguation-suffix);
 }
 .term-pitch-accent-disambiguation+.term-pitch-accent-disambiguation::before {
-    content: ', ';
+    content: var(--disambiguation-separator);
 }
 .term-pitch-accent-disambiguation-list[data-count='0'] {
     display: none;