Firefox Customs

64 readers

6 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Firefox

Rules

Posts must have flair!
Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 2 years ago

MODERATORS

[email protected]

MrOtherGuy

Change to 'autohide_sidebar.css' behaviour? (fedia.io)

submitted 1 month ago by [email protected] to c/[email protected]

1 comments fedilink hide all child comments

Not a user of 'autohide_sidebar.css'... however, on testing (new profile of Fx132.0.2 on Win10), it appears that the behaviour of the userstyle has changed after a recent Firefox update and/or a recent Commit? Was this change intended or accidental?

IIRC the userstyle's previous behaviour, when the sidebar opened on hover, was that the page Content window was resized smaller to accommodate the presence of the expanded sidebar? Thus no page content was obscured.

Using the current version of 'autohide_sidebar.css' the open sidebar now overlays and obscures part of the page Content window.

See recent r/FirefoxCSS topic 'Sideberry Autohide Doesn't Work'.

you are viewing a single comment's thread
view the rest of the comments

[–] MrOtherGuy 1 points 1 month ago

Using the current version of ‘autohide_sidebar.css’ the open sidebar now overlays and obscures part of the page Content window.

This has always been the intended behavior of that style. If you experienced something else previously then either you weren't using that style, you had some modification to it, or it didn't work correctly for some unknown reason.

But if you do want that kind of behavior then you can get it with something like this:

#sidebar-box{
  --uc-sidebar-width: 40px;
  --uc-sidebar-hover-width: 200px;
  --uc-autohide-transition-duration: 115ms;
  --uc-autohide-sidebar-delay: 600ms;
  --uc-autohide-transition-type: linear;
  min-width: var(--uc-sidebar-width) !important;
  width: var(--uc-sidebar-width) !important;
  transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay);
}
#sidebar-box:hover{
  min-width: var(--uc-sidebar-hover-width) !important;
  transition-delay: 0ms;
}