JLBlk / Zen-Themes

Themes/Mods for @zen-browser
https://zen-browser.app/themes
26 stars 0 forks source link

[Feature Request] Page action-buttons slide in when cursor is on top #25

Open Bout2GitIt opened 18 hours ago

Bout2GitIt commented 18 hours ago

The related Mod/Theme: Super URL Bar

Your Enhancement Suggestion/Feature Request:

One of my fav CSS tweaks from Firefox lets the page action-buttons slide in when I need them, and keeps them hidden otherwise. Feels like it could be a great addition to Super URL Bar. I borrowed it from here: https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/page_action_buttons_on_hover.css

The CSS code is here:

`

page-action-buttons{ padding-inline-start: 8px }

.urlbar-page-action{
  margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding) );
  opacity: 0;
  transition: margin-inline-end 100ms linear, opacity 200ms linear;
}

#page-action-buttons:hover > .urlbar-page-action,
.urlbar-page-action[open],
.urlbar-page-action[open] ~ .urlbar-page-action{
  opacity: 1;
  margin-inline-end: 0px !important;
} 

`

JLBlk commented 17 hours ago

Great Idea! Would you say it's better if the buttons appear if you hover over them or over the whole url bar?

Bout2GitIt commented 15 hours ago

I've been using it on Firefox where it just reveals if you hover over the buttons. It's great!

I don't know how it will affect the centered URL text, though.

On Thu, Oct 3, 2024 at 1:17 PM JLBlk @.***> wrote:

Great Idea! Would you say it's better if the buttons appear if you hover over them or over the whole url bar?

— Reply to this email directly, view it on GitHub https://github.com/JLBlk/Zen-Themes/issues/25#issuecomment-2391930942, or unsubscribe https://github.com/notifications/unsubscribe-auth/AK3PAD3OW7Z2AQRAZZ7IERDZZV34DAVCNFSM6AAAAABPKEKZSCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGOJRHEZTAOJUGI . You are receiving this because you authored the thread.Message ID: @.***>