From 05ff47874d7e40636061cdd99b9868de7bbb6941 Mon Sep 17 00:00:00 2001 From: Loek Le Blansch Date: Wed, 2 Oct 2024 11:40:19 +0200 Subject: use text-combine-upright instead of custom magic --- anki-card-template/card.css | 7 +------ anki-card-template/card.js | 7 ------- 2 files changed, 1 insertion(+), 13 deletions(-) diff --git a/anki-card-template/card.css b/anki-card-template/card.css index bbad5ca..4a1a2e3 100644 --- a/anki-card-template/card.css +++ b/anki-card-template/card.css @@ -575,12 +575,7 @@ rt { user-select: none; } .night_mode #card { color-scheme: dark; } /* horizontal numbers and punctuation in single kana space in vertical japanese */ -#card.vertical-layout #sentence .horizontal-in-vertical { writing-mode: horizontal-tb; } -#card.vertical-layout .squeeze { - transform: translateX(calc(var(--self-height) / 2 * -1px)) scaleX(calc(var(--self-height) / var(--self-width))); - width: 0; - white-space: nowrap; -} +#card.vertical-layout #sentence .horizontal-in-vertical { text-combine-upright: all; } /* make elements within this class display on one line */ .vertical-layout .flex-line { flex-direction: column; } diff --git a/anki-card-template/card.js b/anki-card-template/card.js index 73869b8..7b93b7d 100644 --- a/anki-card-template/card.js +++ b/anki-card-template/card.js @@ -386,13 +386,6 @@ HTMLElement.prototype.parse = function() { this.innerHTML = nodes.map(n => n.data).join(""); if (this.id == "sentence" && this.has(n => n.tagName == "B")) this.classList.add("has-b"); if (this.id == "target-word-translation" && this.has(n => n.classList.contains("script-latin"))) this.classList.add("has-script-latin"); - - for (var el of this.getElementsByClassName("horizontal-in-vertical")) { - var size = el.getBoundingClientRect(); - el.style.setProperty("--self-width", size.width); - el.style.setProperty("--self-height", size.height); - if (size.width > size.height) el.classList.add("squeeze"); - } }; function layout() { -- cgit v1.2.3