diff options
| -rw-r--r-- | anki-card-template/card.css | 3 | ||||
| -rw-r--r-- | anki-card-template/card.html | 20 | ||||
| -rw-r--r-- | anki-card-template/card.js | 2 |
3 files changed, 19 insertions, 6 deletions
diff --git a/anki-card-template/card.css b/anki-card-template/card.css index 41211cc..c3505f4 100644 --- a/anki-card-template/card.css +++ b/anki-card-template/card.css @@ -255,6 +255,9 @@ body { } /* mobile definitions style */ +#card #target-word-translation .definitions .definition-separator::after { + content: ", "; +} .mobile #card.vertical-layout #target-word-translation .definitions .definition-separator { display: none; } .mobile #card.vertical-layout #target-word-translation .definitions .definition { position: relative; diff --git a/anki-card-template/card.html b/anki-card-template/card.html index 6d6c861..8559b58 100644 --- a/anki-card-template/card.html +++ b/anki-card-template/card.html @@ -31,14 +31,24 @@ <span id="sentence-translation" class="parse parse-format native spoiler parse-script hidden">This village is now in danger of *extinction* because of _Vah Ruta_, the water divine beast.</span> <span id="tags" class="parse parse-tags">ゼルダの伝説 ブレス・オブ・ザ・ワイルド</span> </div> -</div> +<style> +#card.front #dev-button-flip::after { content: "front"; } +#card.back #dev-button-flip::after { content: "back"; } +#card.horizontal-layout #dev-button-layout::after { content: "horizontal layout"; } +#card.vertical-layout #dev-button-layout::after { content: "vertical layout"; } +body:not(.night_mode) #dev-button-theme::after { content: "light mode"; } +body.night_mode #dev-button-theme::after { content: "dark mode"; } +body:not(.mobile) #dev-button-platform::after { content: "desktop"; } +body.mobile #dev-button-platform::after { content: "mobile"; } +</style> <div id="dev-buttons"> -<button onclick="document.getElementById('card').classList.toggle('back'); document.getElementById('card').classList.toggle('front')">toggle view</button> -<button onclick="document.getElementById('card').classList.toggle('horizontal-layout'); document.getElementById('card').classList.toggle('vertical-layout')">toggle layout</button> -<button onclick="document.body.classList.toggle('night_mode')">toggle dark</button> -<button onclick="document.body.classList.toggle('mobile')">toggle mobile</button> +<button id="dev-button-flip" onclick="document.getElementById('card').classList.toggle('back'); document.getElementById('card').classList.toggle('front')"></button> +<button id="dev-button-layout" onclick="document.getElementById('card').classList.toggle('horizontal-layout'); document.getElementById('card').classList.toggle('vertical-layout')"></button> +<button id="dev-button-theme" onclick="document.body.classList.toggle('night_mode')"></button> +<button id="dev-button-platform" onclick="document.body.classList.toggle('mobile')"></button> </div> +</div> </span> </html> diff --git a/anki-card-template/card.js b/anki-card-template/card.js index 1e7d3a9..a2d12c4 100644 --- a/anki-card-template/card.js +++ b/anki-card-template/card.js @@ -197,7 +197,7 @@ function parseDefinitions(nodes) { .map(s => s.trim()) .map(s => s.replace(/{(.+)}/g, `<span class="subtile">$1</span>`)) // {note} .map(s => `<li class="definition">${s}</li>`) - .join(`<li class="definition-separator">, </li>`); + .join(`<li class="definition-separator"></li>`); out += `</ul>`; return HTMLtoParseArr(out); } |