Replace embedded SVG images in the Yomitan version with HTML/CSS

[stephenmk]

Now that Yomitan has had its first stable release and development activity has taken off, it's possible for new features to be implemented.

As far as Jitendex is concerned, I think my top priority is replacing the embedded SVG files with pure HTML/CSS markup as is done with the Mdict (MDD/MDX) version. For a variety of reasons, SVG images are a clumsy way to implement the tag functionality.

Replacing the SVG files will require quite a few new style attributes to be supported by Yomitan. Here's a provisional list.

• padding-top
• padding-right
• padding-bottom
• padding-left
• word-break
• color
• background-color
• border-color
• border-style
• border-radius
• cursor

The "title" attribute is already implemented for images in Yomitan, but it will need to be allowed for other generic container types as well (div, span) in order for hover-text to work with these tag icons.

---

Unrelated to the SVG images, I'd also like to add some more text-decoration styles in order to make keywords in example sentences more visible (as in the Mdict version).

• text-decoration-style
• text-decoration-color

New fieldset and legend containers could also be implemented so that supplemental information (example sentences, cross references, usage notes, etc.) could be drawn in a rectangular box with a title. People might prefer the current (more compact) style of the Yomitan version, though.

[stephenmk]

I submitted some code edits to Yomitan to enable these features. The changes have been merged and will presumably be available in the next release of the program.

yomidevs/yomitan#450

Once this new version of Yomitan is available, I will publish a new version of Jitendex for Yomitan without the embedded SVG icons.

[stephenmk]

Implemented in version 4.0