1/* Buttons Issues/Glitches fixes */ 2@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 3 4/* Overrides: Make the back button the same as other buttons */ 5:root:not([uidensity=compact]) #back-button { 6 border-radius: var(--toolbarbutton-border-radius) !important; 7} 8:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon { 9 background-color: unset !important; 10 border: unset !important; 11 width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; 12 height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; 13 padding: var(--toolbarbutton-inner-padding) !important; 14 border-radius: var(--toolbarbutton-border-radius); 15 box-shadow: none !important; 16} 17:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon { 18 background-color: var(--toolbarbutton-hover-background) !important; 19 box-shadow: unset; 20 border-color: unset; 21} 22:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon, 23:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon { 24 background-color: var(--toolbarbutton-active-background) !important; 25 border-color: unset; 26} 27 28/* Remove the header bar buttons' hover styles */ 29#nav-bar { 30 --toolbarbutton-active-background: transparent !important; 31 --toolbarbutton-hover-background: transparent !important; 32} 33 34/* Glitch customizing: Cut / Copy / Paste buttons' icons 35 * :not(#hack) is there just to elevate rule priority */ 36:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) { 37 opacity: 1 !important; 38} 39/* Glitch customizing: Reload and Cut / Copy / Paste buttons */ 40:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton, 41:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton { 42 background-image: var(--gnome-inactive-button-background); 43 box-shadow: var(--gnome-inactive-button-box-shadow); 44} 45/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */ 46:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon, 47:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon { 48 opacity: .7 !important; 49} 50 51/* Glitch: Overflow and Burger buttons 52 * :not(#hack) is there just to elevate rule priority */ 53:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack), 54:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) { 55 opacity: .5 !important; 56} 57/* Glitch: Overflow button's icon */ 58:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image { 59 fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important; 60} 61 62/* Bookmark buttons */ 63#nav-bar toolbarbutton.bookmark-item { 64 width: auto !important; 65} 66#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon { 67 margin-left: 6px; 68} 69#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text { 70 padding-right: 6px; 71} 72 73/* Remove Burger button's left separator */ 74#PanelUI-button { 75 border: 0 !important; 76 margin: 0 !important; 77 padding-inline-start: 0 !important; 78} 79 80/* Space main menu button from other headerbar buttons 81#nav-bar #PanelUI-menu-button:not(#hack) { 82 margin-left: 10px !important; 83}*/ 84 85/* Fix library animation */ 86#library-animatable-box { 87 --library-button-height: 46px !important; 88 --library-icon-x: 1716px !important; 89 /*--library-icon-x: 1715.9833984375px !important;*/ 90} 91#library-button[animate] > .toolbarbutton-icon { 92 fill: transparent !important; 93} 94 95/* Fix toolbars close icons */ 96.close-icon:not(.tab-close-button) image { 97 height: 16px !important; 98 width: 16px !important; 99 margin: 6px !important; 100} 101 102/* */ 103#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after { 104 display: none !important; 105} 106 107/* Identity site popover buttons */ 108.identity-popup-preferences-button:not(#hack) { 109 list-style-image: url("chrome://browser/skin/settings.svg") !important; 110} 111#tracking-protection-preferences-button > .toolbarbutton-text { 112 padding-inline-end: 0 !important; 113} 114.protections-popup-footer-button-label { 115 margin-inline-start: 3px !important; 116} 117 118/* Fix findbar buttons issues */ 119.findbar-container .findbar-find-previous image, 120.findbar-container .findbar-find-next image { 121 margin: 6px !important; 122 opacity: 1 !important; 123} 124.findbar-container toolbarbutton:focus { 125 outline: 0 !important; 126} 127 128/* Sidebar header button reset font size */ 129#sidebar-header { 130 font-size: 1em !important; 131} 132 133/* Sidebar header button arrow opacity */ 134#sidebar-switcher-arrow { 135 opacity: 1 !important; 136} 137 138/* Sidebar history view */ 139#viewButton { 140 margin: 0 !important; 141 margin-inline-start: 6px !important; 142} 143 144/* Menulist */ 145menulist { 146 -moz-appearance: none !important; 147} 148#identity-popup-popup-menulist { 149 margin-right: 0 !important; 150} 151 152/* Bookmarks editor buttons */ 153.expander-down image, .expander-up image { 154 margin: 6px !important; 155} 156 157/* Identity popup tracking protection button */ 158.tracking-protection-button { 159 margin-inline-end: 0 !important; 160} 161 162/* Identity popup delete permission button */ 163.identity-popup-permission-remove-button { 164 opacity: 1 !important; 165} 166 167/* Identity popup expander button */ 168#identity-popup-security { 169 -moz-box-align: center; 170} 171#identity-popup-security-expander { 172 width: 34px !important; 173} 174#identity-popup-security-expander .button-icon { 175 margin: 0 !important; 176} 177