Firefox Customs

5 readers

5 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

yoasif@fedia.io

MrOtherGuy@lemmy.world

crossposting from reddit: Is it possible to make autohide bookmark and url bar push page content down? (www.reddit.com)

submitted 2 months ago* (last edited 2 months ago) by Moxible@monyet.cc to c/FirefoxCSS@fedia.io

2 comments fedilink hide all child comments

I used the autohide_bookmarks_and_main_toolbars.css from MrOtherGuy, but it blocks the top part of the page where I need to click.
Using firefox 144 on windows 10
here's what i'm using

@import url("colored_soundplaying_tab.css");
@import url("cleaner_extensions_menu.css");
@import url("icons_in_main_menu.css");
@import url("autohide_bookmarks_and_main_toolbars.css");
@import url("minimal_in-UI_scrollbars.css");
@import url("selected_tab_gradient_border.css");
@import url("test.css");

the top 3 imports are from https://github.com/datguypiko/Firefox-Mod-Blur/ and some hiding context menu items.

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

[–] MrOtherGuy@lemmy.world 1 points 2 months ago (1 children)

Sure, you can add this:

#navigator-toolbox{
  transition: margin-bottom 135ms ease-in var(--uc-autohide-toolbar-delay) !important;
}
#navigator-toolbox:is(:hover,:focus-within),
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts,#selection-shortcut-action-panel,#chat-shortcuts-options-panel,#tab-preview-panel)) ~ #navigator-toolbox{
  margin-bottom: 0 !important;
  transition-delay: 100ms !important;
}

You could probably get things wayy simpler than what that style is doing if you want web-content to move, although it probably still won't be quite trivial. But adding the above after autohide_bookmarks_and_main_toolbars.css should work fine I guess.

[–] Programman4233@lemmy.dbzer0.com 1 points 2 months ago

I'm OP, replaying to this with my alt becuse monyet is so slow.
Firstly thank you. This works well. But sometimes if one hovers for a small amount of time the toolbars do not transition all the way down, and get stuck midway until they disappear after the specified autohide delay.