summaryrefslogtreecommitdiff
path: root/ext
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-19 20:16:45 -0500
committerGitHub <noreply@github.com>2020-12-19 20:16:45 -0500
commit6d7eefa9df0fbb6fe04b2e417aed78ac25c88541 (patch)
treea80003fd8b7711457ee0712729d31e30bf4b3a34 /ext
parent443d6d1956691861a5e0203e33726b8c2aa93eef (diff)
Fix triangle indicator for kanji (#1141)
Diffstat (limited to 'ext')
-rw-r--r--ext/mixed/css/display.css8
-rw-r--r--ext/mixed/display-templates.html7
2 files changed, 12 insertions, 3 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 16266f9c..a6ca2810 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -794,7 +794,6 @@ button.action-button {
.term-expression-current-indicator {
pointer-events: none;
position: absolute;
- font-size: calc(1em / var(--expression-font-size-no-units));
left: calc(-1 * var(--main-content-horizontal-padding));
top: 0;
bottom: 0;
@@ -804,6 +803,9 @@ button.action-button {
opacity var(--entry-current-indicator-transition-duration) linear,
visibility 0s linear var(--entry-current-indicator-transition-duration);
}
+.term-expression-text .term-expression-current-indicator {
+ font-size: calc(1em / var(--expression-font-size-no-units));
+}
.entry.entry-current .term-expression-current-indicator {
opacity: 1;
visibility: visible;
@@ -1185,6 +1187,10 @@ button.action-button {
/* Kanji */
+.kanji-glyph-container {
+ display: block;
+ position: relative;
+}
.kanji-glyph {
font-family: kanji-stroke-orders;
font-size: 8.5em;
diff --git a/ext/mixed/display-templates.html b/ext/mixed/display-templates.html
index 3f6437ee..26252634 100644
--- a/ext/mixed/display-templates.html
+++ b/ext/mixed/display-templates.html
@@ -57,7 +57,7 @@
<template id="term-pitch-accent-character-template"><span class="term-pitch-accent-character"><span class="term-pitch-accent-character-inner"></span></span></template>
<!-- Kanji entry templates -->
-<template id="kanji-entry-template"><div class="entry" data-type="kanji">
+<template id="kanji-entry-template" data-remove-whitespace-text="true"><div class="entry" data-type="kanji">
<div class="entry-current-indicator" title="Current entry (Alt + Up/Down/Home/End/PgUp/PgDn)"><span class="entry-current-indicator-inner"></span></div>
<div class="entry-header1">
<div class="entry-header2">
@@ -67,7 +67,10 @@
<button class="action-button action-add-note" hidden disabled data-icon="add-term-kanji" data-mode="kanji" title="Add Kanji (Alt + K)"></button>
<span class="entry-current-indicator-icon" title="Current entry (Alt + Up/Down/Home/End/PgUp/PgDn)"></span>
</div>
- <div class="kanji-glyph source-text"></div>
+ <div class="kanji-glyph-container">
+ <span class="term-expression-current-indicator"></span>
+ <div class="kanji-glyph source-text"></div>
+ </div>
</div>
</div>
<div class="frequencies"></div>