Skip Navigation

I'm working on this draft PR to make theming and userscripts easier, feedback wanted! [Merged!]

github.com Add semantic ID's and classes to improve theming/userscript experience by Zetaphor · Pull Request #1327 · LemmyNet/lemmy-ui

There is currently a major lack of semantic ID's and classes in the UI markup. This makes everything from detecting if the site is running Lemmy (for userscript) to theming more difficult than nece...

Add semantic ID's and classes to improve theming/userscript experience by Zetaphor · Pull Request #1327 · LemmyNet/lemmy-ui

Notably for this community is the inclusion of the "lemmy-site" class on the #app div

11

You're viewing a single thread.

11 comments
  • This is excellent and would have made coding the UI script so much easier!

    • That's what kicked this whole thing off! I realized I was going to have to do all kinds of dumb stuff just to identify if I was actually looking at a lemmy site with any amount of certainty, and then it grew from there

      • it was SO painful and hacky. Still will be until this gets out there.

        • Please check the PR and let me know if there's anything I missed as far as good candidates for CSS targeting. I tried to use a light touch while being mindful of the different ways people may want to style both visible and parent structures

          • Here's a few that would be helpful based on stuff I ran into in my userscript

            • I just pushed a commit for the more-btn suggestion. The others look a bit more involved, but I think they are do-able. However I'm going to leave them for a separate PR as I would like this make sure this one gets into 0.18. That said I should be able to look into them next, just want to break this off and get it merged.

            • Having all the various interaction buttons labeled, having a separate left-hand vs. right-hand footer location etc. would be helpful.

              Being able to have a link from a comment to scroll up to the parent or up to the root like HackerNews would be fantastic but is currently kinda difficult without a lot of looping (slow on big threads)

          • the thing that bugged me (and continues to do so) is the different uses of .container-lg among the pages.

            It is used differently between the community, search, main, and alert/messages area and it killed me trying to figure out the spacing relative to each use. In some cases I gave up...

11 comments