Bigger hover zone for sidebar?

[AdamAdamsMusic]

Hi @KiKaraage,

Theme is absolutely amazing, thanks for sharing it!

Description

One thing I struggle with now is hovering over the left side to show the tab sidebar. On macOS, it seems like there's only couple of pixels worth of width to be able to show the hidden sidebar.
When I have the windows maximised (not fullscreen) and go to the left side of the screen, I get the arrow for resizing the window – the desktop environment takes over, and Firefox doesn't consider the cursor being "in the window".
The workaround is to have the sidebar on at all times, sure – but on small screens that eats into the available screen real estate a fair bit.

Any ideas on how to tackle this?

Environment:

macOS Monterey 12.7.3 (21H1015)
Firefox 124.0b8 (64-bit)
Latest ArcWTF version (git master), also happens with release v1.2-firefox

Details:

• Severity: 3 - Basic function loss, with workaround
• Ease of reproduction: Everytime

Repro video:

Screen.Recording.2024-03-07.at.13.47.06.mov

[KiKaraage]

Alright, i just learned about that behaviour on MacOS. Sad because that doesn't happened on Windows and I can freely summon the sidebar by moving the cursor on the left corner.

Currently you can "solve" this by increasing sidebar size on tweaks/sidebar.css line 58:

#main-window[sizemode="maximized"] #sidebar-box {
  --uc-sidebar-width: 0.3rem;

Although you will also have to increase --tabs-margin parameter in Sidebery style editor, otherwise some of the icons would be shown even on the autohidden state.

I will try to ask other people (probably the firefoxCSS community) to see if there's a DE-related fix for that, on maximized browser state.

[AdamAdamsMusic]

Thanks for looking into this!
I will try that and report back.

Also, just wanted to note – this is not only on maximised window; the window can be any size on the desktop, and the issue still persists.

[KiKaraage]

the window can be any size on the desktop, and the issue still persists.

For non-maximized window state, you can edit tweaks/sidebar.css line 20: --uc-sidebar-width: 6px; to 8px, 10px or something larger.

[KiKaraage]

When I have the windows maximised (not fullscreen) and go to the left side of the screen, I get the arrow for resizing the window – the desktop environment takes over, and Firefox doesn't consider the cursor being "in the window".

Try adding this code on userchrome.css or global/browser.css:

#appcontent .browserStack {
  margin-left: 0 !important;
 }

[AdamAdamsMusic]

Sadly, all of the above suggestions hasn't really worked on the initial issue… Tried changing some other values in the tweaks/sidebar.css too, and nothing has improved the situation. I guess this might just be a OS limitation.

[KiKaraage]

Yup.

Kinda sad tho since I've reaching out to one of fellow CSS theming mate with mac and he doesn't experienced it on his Firefox (the same person that suggested the .browserStack fix)

[scientiac]

is it possible to keep a persistent icon only tabbar in place of hover area (like the image ).. would largely be functional and wouldnt require to search for tabs when the sidebar is open

this is from https://github.com/artsyfriedchicken/EdgyArc-fr

[KiKaraage]

That's possible, you can just change --uc-sidebar-width in sidebar.css line 20 (for unmaximized state), line 58 for maximized, and line 61 for fullscreen mode.

But by default Arc doesn't worked that way, so I'm setting the default sidebar width as narrow as possible when not hovered/toggled.

[andsnap]

@KiKaraage I did increase the sidebar width but it doesn't show the icons for the tabs, how do I enable those?

[PineTreePizza]

@spanclan If you figure out how to do that, please share your results:)