Toggle extension on hover

[druranos]

Hello. I keep the look of my browser clean and simple. For the extensions I use the toggle arrow. That's not so good implemented and the function is improvable. First: you have to make 2 clicks (one for show extenions and then for the extension itself), second: the extension bar hides not automatically, it stays open.
That's said, I'm looking for a solution to auto open the extension bar on hover and then close. Is this possible?
And one more question, I don't want to open a new topic fror that. Is there a way to modify the height speed dial bar?

Thanks.

[Pesala]

@druranos said in Toggle extension on hover:

Is there a way to modify the height speed dial bar?

There is, but this might be even better.

/*Show Start Page Navigation Bar on Hover*/

@keyframes hide-startpage-navigation {from {top: 0;} 
to {top: -45px; opacity: 0;}
}
.startpage-navigation { animation: hide-startpage-navigation 1s ease forwards; animation-delay: 0.1s;}
.startpage-navigation:hover { animation: show-startpage-navigation 0.1s ease forwards;}

[stardepp]

@druranos You can also pin the extensions as a web panel and then you can access the extensions directly with one click.

[druranos]

@Pesala said in Toggle extension on hover:

There is, but this might be even better.

Thanks for that. It's not what I wanted, but it works great.

@stardepp said in Toggle extension on hover:

@druranos You can also pin the extensions as a web panel and then you can access the extensions directly with one click.

Thank you, stardepp, good ideea. But I don't use the side panel.

@eggsalad said in Toggle extension on hover:

Hello @druranos,
this CSS should achieve what you want. Just keep all of the icons shown. If you want to hide all {not only >hidden<} icons, remove the .ExtensionIcon--Hidden.

thanks, eggsalad, but it didn't work. Actually, nothing happens.

[druranos]

I think I didn't explain correctly what I'd like to have.

That's how it looks by me as standard. I only have a small arrow right from the search bar:

To expand the extensions-bar, I have to click on that arrow. Than it's look like that:

That's what i would like to happen, if I move the mouse pointer over the arrow. On mouse hover should the extension bar extend, whithout mouseclick. And if possible, should disappear after one extension was selected ("transform" again in an arrow).

I hope it's clearer now. Sorry not native english speaker.

[druranos]

Hello @eggsalad. Thanks for your help.

I copied your sugestion in my custom css folder in that form:

.toolbar-extensions:not(:hover):not(:focus-within) .ExtensionIcon.{
  display: none;
}

If I move the mouse pointer over the "arrow", nothing happens. Am I doing something wrong?

[druranos]

@eggsalad . So there is no way to toggle on mouse hover?

[druranos]

Thanks. The dot was the problem. It works now.

Next step is to find out how I make the speedial bar narrower.

[nomadic]

@druranos I made a mod that restyles the speeddial navigation bar.

Transparent Startpage Navigation Bar (Configurable)

It can make it fairly narrow, but it does much more than that. Maybe check it out and see if it works for you?

[druranos]

@nomadic Thanks. I'll give it a try.

[ch3f]

@stardepp umm..how? haha

[Pesala]

@ch3f

• Open the Extensions Page
• Right-click
• Add page as web panel

[ch3f]

@Pesala oh haha, I misunderstood, I thought you'd found a way to pin the extension toolbar to the panel.. Thankyou anw