Add passage tags to passage-card element using data-tags

[hituro]

Is your feature request related to a problem? Please describe.

Now that we have user.css I'd love to be able to style my passages differently based on their tags, but sadly that data isn't represented anywhere on the html structure.

Describe the solution you'd like.

Add a data-tags attribute to the passage-card element with a space separated list of passage tags so that custom user.css can target them.

Describe alternatives you've considered.

I tried using :has() to target a passage based on the colour of its tags, but Electron 18 doesn't support :has() so that's out.

Additional context on this suggestion.

No response

Presubmission checklist

• I am interested in working on code that would implement this feature request. (This is not required to submit a suggestion.)
• I have done a search and believe that an issue does not already exist for this idea in the GitHub repository.
• I have read and agree to abide by this project's Code of Conduct.

[klembot]

The next minor release of Twine will include an Electron version bump, FWIW. I would target latest available when that happens.

[rubynguyen1510]

Hello @klembot ,

While my friend and I were trying to fix this issue, we found in the Twine documentation that the HTML output of passagedata already has tags attribute. Does it mean that this issue can be closed without doing anything?

[hituro]

@rubynguyen1510 You have misunderstood the issue. This is not about placing an attribute on the exported HTML, but on the actual editor window when using Twine.