badlydrawnrob / anki

Learn to code with Anki — flashcards and themes for all learning levels. Master your programming language of choice!
MIT License
719 stars 61 forks source link

Cloze field contents aren't easily viewable on reveal #130

Closed badlydrawnrob closed 7 months ago

badlydrawnrob commented 7 months ago

A demo here

Problem 1: colour should be pink? Problem 2: sometimes {{c1::cloze}} is outside the proper <span id="#cb1-22"> line Problem 3: clicking "reveal" for reverse card doesn't jump to the cloze deletion (involves scrolling)

  • See below for an example
  • Used the Rich Text editor to add [...] cloze deletion

From StackOverflow: "CSS (filter) applies to elements and text is not an element. You could wrap the text in a span and apply the filter to that."

Screenshot 2024-02-01 at 18 50 32

Originally it was supposed to be pink on yellow (it is with plain text)

Screenshot 2024-02-01 at 19 06 02

Revel on Missing! card is now like:

Screenshot 2024-02-03 at 20 14 23 Screenshot 2024-02-03 at 20 15 14 Screenshot 2024-02-03 at 20 16 00

Reveal on Missing! card could be like ... (no formatting)

This might be hard to spot which bit was the cloze for larger cards though.

Screenshot 2024-02-03 at 20 03 34

Another quirk of using the [...] Rich Text editor to add a cloze

Screenshot 2024-02-01 at 19 30 55