drannex42 / FirefoxSidebar

Vertical tab design for Firefox with dynamic indentation:: Sidebery and TreeStyleTabs (Legacy) themes available!
218 stars 24 forks source link

Sidebar overlaps firefox buttons #40

Closed Goosegit11 closed 1 year ago

Goosegit11 commented 1 year ago

See this video: https://0x0.st/HQKM.mkv

I'm using LibreWolf Firefox 114.0.1-2

Goosegit11 commented 1 year ago

I don't know for how long video is not accessible, but I'll post a screenshot to describe my issue then:

Screenshot_2023-07-30_21 39 27-cut

drannex42 commented 1 year ago

Closing this as this should he fixed now.

Goosegit11 commented 1 year ago

how do I update?

drannex42 commented 1 year ago

Ah, it looks like on yours you need to enable either 1) the bookmarks bar, or 2) edit prefs.css and uncomment the relevant section.

Goosegit11 commented 1 year ago

image with bookmarks bar enabled

drannex42 commented 1 year ago

Yes, this is expected. You should be able to continue seeing the back/forward/reload/address bar on top of the opened sidebar, this makes it easier to handle click inputs on hover for the navbar items in the sidebar, and makes it easier to open the sidebar, and then click back/forward then having to hover off the sidebar and then go to the back/forward buttons.

drannex42 commented 1 year ago

If you want to keep the bookmark bar off, but shift the sidebar down, then modify the --menubar-height variable in prefs.css.

Goosegit11 commented 1 year ago

I don't think you quite understand my problem. I've made a new video that shows everything clearly: Peek 2023-09-29 19-14

drannex42 commented 1 year ago

Yes, that was a design decision, that way you can still see the back/forward buttons when the sidebar is open.

You will need to change the menubar offset position so that they do not overlap with the top bar buttons inside Sidebery.

Goosegit11 commented 1 year ago

Can't you see the black thing? And the back, reload, forward buttons are see-through when I hover on bar...

see how it looks in the README:

image

and mine is ugly.. It's definitely not normal.

drannex42 commented 1 year ago

You need to change the height location of the sidebar, in the prefs.css file to lower your sidebar.

The black background on the sidebar heading: you need to change the background color to match your theme, as Firefox does not automatically change that (it's a limit imposed on their side). You can change that in prefs.css, instructions are included there.

The back/reload/forward buttons being visible is a design decision, on purpose. The video in the readme is from an older version. We let you see them.

Goosegit11 commented 12 months ago

How can I set it up like this?

image

So sidebar will be below reload/fast forward buttons

It's a default Sidebery in the screenshot.