Fix triangle indicator for kanji (#1141)

This commit is contained in:
toasted-nutbread 2020-12-19 20:16:45 -05:00 committed by GitHub
parent 443d6d1956
commit 6d7eefa9df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 3 deletions

View File

@ -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;

View File

@ -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>