Style update (dev): Improve styling to match newer versions closer

KiKaraage / ArcWTF

A userChrome.css theme to bring Arc Browser look on Windows to Firefox. Work with Windows, Linux and macOS ✨

1.34k stars 28 forks source link

Style update (dev): Improve styling to match newer versions closer #83

Closed CritLoren closed 3 months ago

CritLoren commented 3 months ago

Removes corner code since it was creating graphical glitches;
Made the pinned tabs use flex box so they automatically adjust based on available space, with a minimum width, then they flex grow, as opposed to a fixed column count;
Lots of tiny tweaks to opacities, widths, and gaps between items to make the sidebar more responsive;
Some grouping of variables;
Fixed overflow issues (the entire left panel was vertically scrolling for me, not just the tabs);
Formatted with Prettier

KiKaraage commented 3 months ago

Can you showed how the sidebar looks on your setup now? I don't really get it, particularly on the lack of padding for the normal tabs (compared to the pinned tabs)

CritLoren commented 3 months ago

Oh that's interesting, I'm on Mercury myself, rather than mainland firefox, maybe that's the differentiator?: (ignore the wider sidebar, i increased my panel width to 300 as a tweak that I haven't merged in)

CritLoren commented 3 months ago

Is your screenshot from regular firefox? I'd like to test things out on that

CritLoren commented 3 months ago

no even on regular firefox the side spacing is fine, you sure you replaced all of your user styling for sidebery with mine, and not just added on top or smth?

KiKaraage commented 3 months ago

Yeah I'm currently not on ArcWTF so I only had regular, unthemed sidebar. Nice to know it worked well there. Thank you for contributing!

ishid4 commented 3 months ago

Hey @CritLoren, Can you explain a little bit more about the graphical issue of rounded corners? It gives an aesthetic to the sidebar with the overall design. I want to bring it back by fixing the problems.

CritLoren commented 3 months ago

hey @ishid4 they were showing up overlapping awkwardly on top of the pinned tabs at the top whenever i'd hover over the sidebar, if you're willing to spend some time to investigate it further be my guest, i'm guessing they're more relevant when you have the sidebar hidden by default and appear on hover.