Is your feature request related to a problem? Please describe.
The (new?) UI in 3.3.3 seems a bit broken, specifically (at least for Chrome and OperaGX browsers), both dark and light mode icons on the new dropdowns show, along with the icons just looking weird
Describe the solution you'd like
I have made a CSS tweak via Stylus to tweak a couple of things
The changes are as follows:
Hide light mode Icons
As noted in the comments, should prob be with actual JS or however light/dark mode is handled
Center dropdown icons on each line
Flip dropdown arrow/chevron depending on .collapsed state
Also animates rotating clockwise when closing, and counterclockwise when opening; I couldn't get it to always rotate clockwise, but I think that would look nicer.
Add a CSS-rendered divider below default site
Should be added by HTML, but I was able to show what it would look like with normal CSS
Prevent highlighting the text of dropdowns
Just looks nicer when it doesn't select the text randomly, ex when you double-click the dropdown
And various other tweaks to paddings, margins, scale etc.
Each change is noted as a comment, along with other tweaks that I believe should be made outside of the CSS
Describe alternatives you've considered
For now, I am using Stylus to apply the tweaks, albeit I believe it should just be properly implemented in the newer builds
Additional context
Zoraxy.css
Is your feature request related to a problem? Please describe.
The (new?) UI in 3.3.3 seems a bit broken, specifically (at least for Chrome and OperaGX browsers), both dark and light mode icons on the new dropdowns show, along with the icons just looking weird
Describe the solution you'd like
I have made a CSS tweak via Stylus to tweak a couple of things
The changes are as follows:
Hide light mode Icons
As noted in the comments, should prob be with actual JS or however light/dark mode is handled
Center dropdown icons on each line
Flip dropdown arrow/chevron depending on .collapsed state
Also animates rotating clockwise when closing, and counterclockwise when opening; I couldn't get it to always rotate clockwise, but I think that would look nicer.
Add a CSS-rendered divider below default site
Should be added by HTML, but I was able to show what it would look like with normal CSS
Prevent highlighting the text of dropdowns
Just looks nicer when it doesn't select the text randomly, ex when you double-click the dropdown
And various other tweaks to paddings, margins, scale etc.
Each change is noted as a comment, along with other tweaks that I believe should be made outside of the CSS
Describe alternatives you've considered
For now, I am using Stylus to apply the tweaks, albeit I believe it should just be properly implemented in the newer builds
Additional context
Zoraxy.css