crossposting from reddit: Is it possible to make autohide bookmark and url bar push page content down?

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.

https://www.reddit.com/r/FirefoxCSS/comments/1obhcxu/is_it_possible_to_make_autohide_bookmark_and_url/Open link View original on monyet.cc

Comments2

MrOtherGuy

lemmy.world

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 reply

lemmy.dbzer0.com

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.