firefox-gnome-theme/theme/parts/buttons-fixes.css

302 lines
8.4 KiB
CSS
Raw Normal View History

2019-07-03 02:03:21 +03:00
/* Buttons Issues/Glitches fixes */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Fix notification dropmarker */
.popup-notification-dropmarker dropmarker {
display: none !important;
}
.popup-notification-dropmarker > .button-box > hbox {
display: -moz-box !important;
}
.panel-footer button.popup-notification-dropmarker {
padding: 0 1px 0 4px !important;
}
2021-04-23 06:59:50 +03:00
/* Fix hover background */
.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack), .toolbarbutton-text:not(#hack) {
background: transparent !important;
}
/* Fix button box */
.panel-footer.panel-footer-menulike > button > .button-box {
display: -moz-box !important;
}
2022-12-16 20:01:43 +02:00
/* Fix unified-extensions-item margin */
toolbar .unified-extensions-item {
margin-inline: 0 3px !important;
}
2021-06-03 04:42:29 +03:00
/* menulist */
#label-box:not([native]) {
font-weight: 400 !important;
padding: 0 8px;
}
dropmarker:not([native]) {
margin-right: 8px;
2021-06-03 04:42:29 +03:00
}
2019-07-03 02:03:21 +03:00
/* Overrides: Make the back button the same as other buttons */
:root:not([uidensity=compact]) #back-button {
border-radius: var(--toolbarbutton-border-radius) !important;
}
:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
background-color: unset !important;
border: unset !important;
width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
padding: var(--toolbarbutton-inner-padding) !important;
border-radius: var(--toolbarbutton-border-radius);
box-shadow: none !important;
}
:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon {
background-color: var(--toolbarbutton-hover-background) !important;
box-shadow: unset;
border-color: unset;
}
:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon,
:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon {
background-color: var(--toolbarbutton-active-background) !important;
border-color: unset;
}
/* Remove the header bar buttons' hover styles */
#nav-bar {
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
}
/* Glitch customizing: Cut / Copy / Paste buttons' icons
* :not(#hack) is there just to elevate rule priority */
:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) {
opacity: 1 !important;
}
/* Glitch customizing: Reload and Cut / Copy / Paste buttons */
:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton,
:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton {
background-image: var(--gnome-inactive-button-background);
box-shadow: var(--gnome-inactive-button-box-shadow);
}
/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */
:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon,
:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon {
opacity: .7 !important;
}
/* Glitch: Overflow and Burger buttons
* :not(#hack) is there just to elevate rule priority */
:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack),
:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) {
opacity: .5 !important;
}
/* Glitch: Overflow button's icon */
:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image {
fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
}
/* Bookmark buttons */
#nav-bar toolbarbutton.bookmark-item {
width: auto !important;
}
#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon {
margin-left: 6px;
}
#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text {
padding-right: 6px;
}
/* Remove Burger button's left separator */
#PanelUI-button {
border: 0 !important;
margin: 0 !important;
2019-07-07 23:23:54 +03:00
padding-inline-start: 0 !important;
2019-07-03 02:03:21 +03:00
}
/* Space main menu button from other headerbar buttons
#nav-bar #PanelUI-menu-button:not(#hack) {
margin-left: 10px !important;
}*/
/* Fix library animation */
#library-animatable-box {
--library-button-height: 46px !important;
--library-icon-x: 1716px !important;
2019-07-03 02:03:21 +03:00
/*--library-icon-x: 1715.9833984375px !important;*/
}
#library-button[animate] > .toolbarbutton-icon {
fill: transparent !important;
}
/* Fix toolbars close icons */
2020-10-24 01:15:30 +03:00
.close-icon:not(.tab-close-button) .toolbarbutton-icon {
height: 16px !important;
width: 16px !important;
margin: 6px !important;
2020-10-24 01:15:30 +03:00
padding: 0 !important;
}
2021-04-24 19:03:48 +03:00
button.close {
margin: 0 !important;
}
2019-07-05 21:05:25 +03:00
/* */
#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after {
display: none !important;
}
2019-07-03 02:03:21 +03:00
/* Identity site popover buttons */
.identity-popup-preferences-button:not(#hack) {
list-style-image: url("chrome://browser/skin/settings.svg") !important;
}
#tracking-protection-preferences-button > .toolbarbutton-text {
padding-inline-end: 0 !important;
2019-07-03 02:03:21 +03:00
}
.protections-popup-footer-button-label {
margin-inline-start: 3px !important;
2019-08-01 23:25:30 +03:00
}
/* Fix findbar buttons issues */
.findbar-container .findbar-find-previous image,
.findbar-container .findbar-find-next image {
margin: 6px !important;
opacity: 1 !important;
}
.findbar-container toolbarbutton:focus {
outline: 0 !important;
}
2019-07-06 19:06:46 +03:00
/* Sidebar header button reset font size */
#sidebar-header {
2019-08-14 00:17:37 +03:00
font-size: 1em !important;
2019-07-06 19:06:46 +03:00
}
2019-07-10 19:01:32 +03:00
/* Sidebar header button arrow opacity */
#sidebar-switcher-arrow {
opacity: 1 !important;
}
/* Sidebar history view */
#viewButton {
margin: 0 !important;
margin-inline-start: 6px !important;
}
2019-08-08 22:14:04 +03:00
/* Menulist */
#identity-popup-popup-menulist {
margin-right: 0 !important;
}
/* Auto complete popup button*/
.autocomplete-richlistitem[type="loginsFooter"] {
margin: 4px 4px 0 4px !important;
}
/* Identity popup tracking protection button */
.tracking-protection-button {
margin-inline-end: 0 !important;
}
2019-08-07 07:58:27 +03:00
/* Identity popup delete permission button */
.identity-popup-permission-remove-button {
opacity: 1 !important;
}
/* Identity popup expander button */
2019-08-07 08:13:33 +03:00
#identity-popup-security {
-moz-box-align: center;
}
2019-08-07 07:58:27 +03:00
#identity-popup-security-expander {
width: 34px !important;
}
#identity-popup-security-expander .button-icon {
margin: 0 !important;
}
2020-10-27 06:00:15 +02:00
/* Protections popup */
2020-10-27 15:42:11 +02:00
#protections-popup-info-button {
margin: 0 !important;
margin-inline-end: 0 !important;
}
2020-10-27 06:00:15 +02:00
.protections-popup-footer-icon {
display: none !important;
}
.protections-popup-footer-button-label {
2020-10-27 15:42:11 +02:00
margin-inline-start: 0 !important;
2020-10-27 06:00:15 +02:00
}
#protections-popup-footer-protection-type-label {
2020-10-27 15:42:11 +02:00
margin-inline-end: 0 !important;
margin-block: 0 !important;
2020-10-27 06:00:15 +02:00
}
/* Close button */
.close-icon:not(.tab-close-button) .toolbarbutton-icon {
outline: 0 !important;
2021-04-15 02:46:46 +03:00
}
/* Downloads button */
#downloads-indicator-progress-inner {
background: conic-gradient(var(--gnome-toolbar-icon-fill) var(--download-progress-pcent), transparent var(--download-progress-pcent)) !important;
}
#downloads-indicator-progress-outer,
#downloads-indicator-start-image,
#downloads-indicator-finish-image {
border: 0 !important;
padding: 0 !important;
border-radius: 100% !important;
}
#downloads-indicator-progress-outer,
#downloads-indicator-start-image {
background: var(--gnome-toolbar-border-color) !important;
}
#downloads-indicator-finish-image {
background: var(--gnome-toolbar-icon-fill) !important;
}
/* Stop/Reload button */
#stop-reload-button .toolbarbutton-icon {
margin-top: -2px !important;
}
/* Toolbar Animations */
#downloads-button .toolbarbutton-animatable-box {
top: 8px !important;
left: 8px !important;
}
#downloads-button .toolbarbutton-animatable-box,
#downloads-button .toolbarbutton-animatable-image,
#downloads-indicator-progress-inner {
height: 16px !important;
width: 16px !important;
}
#downloads-button .toolbarbutton-animatable-image,
#stop-reload-button .toolbarbutton-animatable-image:not(#hack),
#nav-bar-overflow-button .toolbarbutton-animatable-image:not(#hack) {
--anim-steps: 1 !important;
transform: none !important;
list-style-image: none !important;
display: none !important;
}
/* Panel banner */
#appMenu-popup .panel-banner-item {
margin: 0 0 6px !important;
}
#appMenu-popup .panel-banner-item > .toolbarbutton-text {
margin-inline: 0 !important;
}
/* User menu */
#fxa-toolbar-menu-button .toolbarbutton-badge-stack {
padding: 0 !important;
}
#fxa-avatar-image {
min-height: 24px !important;
width: 24px !important;
}
/* OPTIONAL: Hide unified-extensions-button */
@supports -moz-bool-pref("gnomeTheme.hideUnifiedExtensions") {
#unified-extensions-button {
display: none;
}
}