mobile-config-firefox/chrome/page_action_buttons_on_hover.css
2020-05-22 08:13:58 +03:00

17 lines
No EOL
833 B
CSS

/* 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 */
#page-action-buttons > *[class^=urlbar-icon]{
margin-inline-end: -26px;
opacity: 0;
transition: margin-inline-end 100ms linear, opacity 200ms linear;
}
:root[uidensity="compact"] #page-action-buttons > *[class^=urlbar-icon]{ margin-inline-end: -22px; }
#page-action-buttons:hover > *[class^=urlbar-icon],
#page-action-buttons > *[class^=urlbar-icon][open],
#page-action-buttons > *[class^=urlbar-icon][open] ~ *[class^=urlbar-icon]{
opacity: 1;
margin-inline-end: 0px !important;
}