Auto hide bookmark bar
-
@tam710562 Yes perfect! It's solved. Many many thanks!
-
@tam710562 said in Auto hide bookmark bar:
05/06/2022: Fix errors for Vivaldi 5.3.2679.30
Thanks for fixing the code.
-
Thank you so much for fixing it, I can't use Vivaldi without this CSS anymore.
-
@tam710562 I'm very late to the party, but having only just now deployed this for the first time, i wish to sincerely congratulate you for your cleverness, & thank you for your generosity. It seems to work beautifully, & i'm very grateful.
-
This post is deleted! -
Hello! I've been using this for a few years now and it's been great but after the most recent vivaldi update, it seems to display inside the address bar? I don't really know how to explain it, here is a snippet of it happening. If anyone knows a workaround for this, I would be incredibly grateful!
-
@crmsn Are you using the last code tam provided? https://forum.vivaldi.net/post/587823
I just tried and it works as expected. Show bookmark bar hovering on addressbar.
Probably some other code is breaking the mod. -
@Hadden89 hey, thanks. I'll give it a shot. There's been a few occasions where I updated it but I may not have since then. Cheers!
*totally works! Thanks again.
-
Any way to make the Bookmarks Bar only shows when hovering below the address bar? Or at least below the Tabs Bar. It's annoying unnessecarily seeing the BB when I only want to click a tab.
And also, it's possible to set a higher interval before the BB shows when the cursor wents over? -
@vitormathews Isn't that what this thread is about? See the code in the first post. I use a shortened version that is only if the Tab Bar is at the top.
/* Simple Automatic Bookmark-bar */ .bookmark-bar-top .bookmark-bar {margin-bottom: -28px; z-index: 1; transform: translateY(0); transition: transform 0.1s 0.5s !important;} .bookmark-bar-top .bookmark-bar::before {content: ''; position: absolute; height: 12px; width: 100%; top: 100%;} .bookmark-bar-top .bookmark-bar:not(:focus-within):not(:hover) {transform: translateY(-100%); transition: transform 0.1s 0.5s !important;} .mainbar > .toolbar-mainbar {background-color: var(--colorBg);}
-
@Pesala Didn't work, nothing happens on hover and the toolbar color even changed.
-
@vitormathews Try my shortened code. That works for me.
-
Have you enabled the CSS experiment, created and pointed to the choosen folder?
-
@Zalex108 Yes, the code from the OP works fine. the one which doesn't is @Pesala's one.
I was just wondering if the OP's code could be modified so that the Bookmarks Bar only appears when hovering exactly below the Address Bar, as I don't want it to show whenever I use the cursor to click on tabs or addresses.
-
This is perfect, thank you so much for sharing!