MrOtherGuy
34 lines
1.5 KiB
CSS
34 lines
1.5 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/reload_button_in_urlbar.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* Makes stop-reload-button appear as if it's inside urlbar.
|
|
* First, move reload button next to urlbar on right side using
|
|
* customize-mode.
|
|
* If your theme has opaque background for urlbar then that will cover the reload button.
|
|
* Switch to another theme such of one of the built-in dark/light/auto theme.
|
|
*/
|
|
#nav-bar-customization-target{
|
|
--uc-toolbarbutton-inner-padding: var(--toolbarbutton-padding-inner,var(--toolbarbutton-inner-padding));
|
|
--uc-toolbarbutton-outer-padding: var(--toolbarbutton-padding-outer,var(--toolbarbutton-outer-padding));
|
|
}
|
|
#urlbar-container + #stop-reload-button{
|
|
margin-left: calc( 1px - var(--urlbar-margin-inline) - 2 * (var(--uc-toolbarbutton-outer-padding) + var(--uc-toolbarbutton-inner-padding)) - 16px );
|
|
position: relative;
|
|
z-index: 3;
|
|
color: var(--urlbar-box-hover-text-color) !important;
|
|
--toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor);
|
|
}
|
|
|
|
#urlbar-container + #stop-reload-button > .toolbarbutton-1 > .toolbarbutton-icon{
|
|
padding-block: var(--urlbar-icon-padding) !important;
|
|
height: unset !important;
|
|
}
|
|
|
|
#urlbar{
|
|
padding-right: calc(2 * (var(--uc-toolbarbutton-outer-padding) + var(--uc-toolbarbutton-inner-padding)) + 12px) !important;
|
|
pointer-events: none;
|
|
}
|
|
.urlbar-input-container,
|
|
.urlbarView{
|
|
pointer-events: auto;
|
|
} |