From 67d21d49880ccf1fc30747988f26920bacc03871 Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Sat, 9 Jan 2021 16:07:47 -0500
Subject: [PATCH] Use ruby tag for frequency disambiguation (#1211)

---
 ext/mixed/css/display.css        | 4 ++++
 ext/mixed/display-templates.html | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index e33ef802..06c2a2e0 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -1068,6 +1068,10 @@ button.action-button[data-icon=source-term]::before {
 .frequency-disambiguation::after {
     content: ' only) ';
 }
+.frequency-disambiguation-reading {
+    display: inline;
+    font-size: 1em;
+}
 .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,
diff --git a/ext/mixed/display-templates.html b/ext/mixed/display-templates.html
index 83232b4c..39f3b978 100644
--- a/ext/mixed/display-templates.html
+++ b/ext/mixed/display-templates.html
@@ -57,11 +57,11 @@
 <!-- Frequency templates -->
 <template id="frequency-group-item-template"><li class="frequency-group-item"><div class="frequency-tag-list tag-list"></div><ul class="frequency-list"></ul></li></template>
 <template id="term-frequency-item-template" data-remove-whitespace-text="true"><li class="frequency-item" data-frequency-type="term">
-    <span class="frequency-disambiguation">
+    <ruby class="frequency-disambiguation">
         <span class="frequency-disambiguation-expression"></span>
         <span class="frequency-disambiguation-separator"></span>
-        <span class="frequency-disambiguation-reading"></span>
-    </span>
+        <rt class="frequency-disambiguation-reading"></rt>
+    </ruby>
     <span class="frequency-separator"></span>
     <span class="frequency-value"></span>
 </li></template>