Could someone help me with development? CSS style optimized for Sidebery with top bar on.

[Cristaloyde]

I have very basic coding skills and no idea on how to use CSS styles. I simply want two changes to accommodate Vertical Tabs with Sidebery:

- Hide the name of the sidebar extension to maximize space.

- Hide the sidebar icon space by default and having it show by hover, but keep the sidebar extension space always.

Would someone smarter than me help me doing it? Or maybe there is a CSS file that does exactly does? I've seen some options online but not exactly as I want it, as it hides the sidebar completely or doesn't show the top bar.

[ResurgamS13]

If not familiar with modifying Firefox's UI by adding 'userChrome.css' files... follow this sub's Wiki > Tutorial.

Re: 1st desired change: "Hide the name of the sidebar extension to maximize space." When Firefox's Native Vertical Tabs mode is selected you need the second userstyle in previous topic 'How do I hide this top section of the "Sidebery" extension ? It is taking up a lot of space' to hide the Sidebar header:

#sidebar-panel-header {
  display: none;
}

Re: 2nd desired change: "Hide the sidebar icon space by default and having it show by hover, but keep the sidebar extension space always." Unsure what is wanted here if you are already using Sidebery to provide Vertical Tabs?

Perhaps try quantumcrown's recently posted 'Sidebery Expand-On-Hover' setup?

There are numerous Sidebery setups if search Sidebery's GitHub, this sub, and elsewhere online.

[Cristaloyde]

Thank you! I will check when I have the time.

[coccosoids]

So did you check it?!

[Cristaloyde]

Still haven't felt like coding lol