mobile-config-firefox/chrome/page_action_buttons_on_hover.css

19 lines
745 B
CSS
Raw Normal View History

2020-05-22 05:13:58 +00:00
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/page_action_buttons_on_hover.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Page action-buttons "slide in" when cursor is on top of them and don't reserve space when not used */
2021-07-14 04:04:38 +00:00
#page-action-buttons{ padding-inline-start: 8px }
.urlbar-page-action{
margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding) );
2018-11-07 19:05:02 +00:00
opacity: 0;
2020-02-07 11:37:42 +00:00
transition: margin-inline-end 100ms linear, opacity 200ms linear;
2018-11-07 19:05:02 +00:00
}
2021-07-14 04:04:38 +00:00
#page-action-buttons:hover > .urlbar-page-action,
.urlbar-page-action[open],
.urlbar-page-action[open] ~ .urlbar-page-action{
2018-11-07 19:05:02 +00:00
opacity: 1;
margin-inline-end: 0px !important;
2018-11-07 19:05:02 +00:00
}