Fixed #286
This commit is contained in:
vinceliuice
parent
512ed9c8f2
commit
cd78d084fe
@ -1,6 +1,21 @@
|
||||
/* Buttons Issues/Glitches fixes */
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* menulist */
|
||||
#label-box:not([native]) {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
/* Overrides: Make the back button the same as other buttons */
|
||||
:root:not([uidensity=compact]) #back-button {
|
||||
border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
@ -92,6 +107,17 @@
|
||||
fill: transparent !important;
|
||||
}
|
||||
|
||||
/* Fix toolbars close icons */
|
||||
.close-icon:not(.tab-close-button) .toolbarbutton-icon {
|
||||
height: 16px !important;
|
||||
width: 16px !important;
|
||||
margin: 6px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
button.close {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* */
|
||||
#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after {
|
||||
display: none !important;
|
||||
@ -139,6 +165,11 @@
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/* Auto complete popup button*/
|
||||
.autocomplete-richlistitem[type="loginsFooter"] {
|
||||
margin: 4px 4px 0 4px !important;
|
||||
}
|
||||
|
||||
/* Bookmarks editor buttons */
|
||||
.expander-down image, .expander-up image {
|
||||
margin: 6px !important;
|
||||
@ -164,3 +195,25 @@
|
||||
#identity-popup-security-expander .button-icon {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Protections popup */
|
||||
#protections-popup-info-button {
|
||||
margin: 0 !important;
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
.protections-popup-footer-icon {
|
||||
display: none !important;
|
||||
}
|
||||
.protections-popup-footer-button-label {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
#protections-popup-footer-protection-type-label {
|
||||
margin-inline-end: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
.close-icon:not(.tab-close-button) .toolbarbutton-icon {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
@ -12,6 +12,8 @@
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
menulist,
|
||||
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),*/
|
||||
.subviewbutton.panel-subview-footer,
|
||||
.panel-footer button,
|
||||
#downloadsHistory,
|
||||
@ -25,15 +27,22 @@
|
||||
.findbar-container toolbarbutton,
|
||||
#sidebar-switcher-target,
|
||||
#viewButton,
|
||||
.close-icon:not(.tab-close-button),
|
||||
button.close,
|
||||
#TabsToolbar .toolbarbutton-1,
|
||||
.menulist-label-box,
|
||||
.expander-down, .expander-up,
|
||||
.notification-button,
|
||||
.protections-popup-footer-button,
|
||||
.identity-popup-permission-remove-button,
|
||||
#identity-popup-security-expander,
|
||||
#protections-popup-info-button,
|
||||
#PanelUI-panic-view-button,
|
||||
.tracking-protection-button,
|
||||
.dialog-button {
|
||||
.dialog-button,
|
||||
.autocomplete-richlistitem[type="loginsFooter"],
|
||||
.dialog-button-box button,
|
||||
.searchbar-engine-one-off-item,
|
||||
.permission-popup-permission-remove-button {
|
||||
-moz-appearance: none !important;
|
||||
background: var(--gnome-button-background) !important;
|
||||
box-shadow: var(--gnome-button-box-shadow) !important;
|
||||
@ -95,6 +104,8 @@
|
||||
}
|
||||
|
||||
/* Hover buttons */
|
||||
menulist:hover,
|
||||
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover,*/
|
||||
.subviewbutton.panel-subview-footer:hover,
|
||||
.panel-footer button:hover,
|
||||
#downloadsHistory:hover,
|
||||
@ -106,21 +117,33 @@
|
||||
#context-navigation menuitem:not([disabled]):hover,
|
||||
.identity-popup-preferences-button:not(#hack):hover,
|
||||
.findbar-container toolbarbutton:hover,
|
||||
.findbar-closebutton .toolbarbutton-icon:hover,
|
||||
#sidebar-switcher-target:hover,
|
||||
#viewButton:hover,
|
||||
.close-icon:not(.tab-close-button):hover,
|
||||
button.close:hover,
|
||||
#TabsToolbar .toolbarbutton-1:hover,
|
||||
menulist:hover .menulist-label-box,
|
||||
.expander-down:hover, .expander-up:hover,
|
||||
.notification-button:hover,
|
||||
.protections-popup-footer-button:hover,
|
||||
.identity-popup-permission-remove-button:hover,
|
||||
#identity-popup-security-expander:hover,
|
||||
#protections-popup-info-button:hover,
|
||||
.tracking-protection-button:hover,
|
||||
.dialog-button:hover {
|
||||
.dialog-button:hover,
|
||||
.autocomplete-richlistitem[type="loginsFooter"]:hover,
|
||||
.dialog-button-box button:hover,
|
||||
.searchbar-engine-one-off-item:hover,
|
||||
.permission-popup-permission-remove-button:hover {
|
||||
outline: 0 !important;
|
||||
background: var(--gnome-button-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Active buttons */
|
||||
menulist[open],
|
||||
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled]):not(#hack):active,*/
|
||||
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled])[open],*/
|
||||
/*#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked],*/
|
||||
.subviewbutton.panel-subview-footer:active,
|
||||
.panel-footer button:active,
|
||||
#downloadsHistory:active,
|
||||
@ -135,20 +158,28 @@ menulist:hover .menulist-label-box,
|
||||
.findbar-container toolbarbutton:active,
|
||||
#sidebar-switcher-target:active, #sidebar-switcher-target.active,
|
||||
#viewButton[open],
|
||||
.close-icon:not(.tab-close-button):active,
|
||||
button.close:active,
|
||||
#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open],
|
||||
menulist[open] .menulist-label-box,
|
||||
.expander-down:active, .expander-up:active,
|
||||
.notification-button:active,
|
||||
.protections-popup-footer-button:not(#hack):active,
|
||||
.identity-popup-permission-remove-button:active,
|
||||
#identity-popup-security-expander:active,
|
||||
#protections-popup-info-button:not(#hack):active,
|
||||
#protections-popup-info-button:not(#hack)[checked],
|
||||
.tracking-protection-button:active,
|
||||
.dialog-button:active {
|
||||
.dialog-button:active,
|
||||
.autocomplete-richlistitem[type="loginsFooter"]:active,
|
||||
.dialog-button-box button:active,
|
||||
.permission-popup-permission-remove-button:active {
|
||||
background: var(--gnome-button-active-background) !important;
|
||||
box-shadow: var(--gnome-button-active-box-shadow) !important;
|
||||
border-color: var(--gnome-button-active-border-color) !important;
|
||||
}
|
||||
|
||||
/* Disabled buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled],
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled],
|
||||
#context-navigation menuitem[disabled] {
|
||||
background: var(--gnome-button-disabled-background) !important;
|
||||
@ -163,14 +194,17 @@ menulist[open] .menulist-label-box,
|
||||
opacity: .4 !important;
|
||||
}
|
||||
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled]:hover,
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled]:hover {
|
||||
background: var(--gnome-button-disabled-background) !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Inactive window buttons */
|
||||
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive,
|
||||
.findbar-container toolbarbutton:-moz-window-inactive,
|
||||
#sidebar-switcher-target:-moz-window-inactive,
|
||||
#viewButton:-moz-window-inactive {
|
||||
#viewButton:-moz-window-inactive,
|
||||
.notification-button:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-button-background) !important;
|
||||
box-shadow: var(--gnome-inactive-button-box-shadow) !important;
|
||||
border-color: var(--gnome-inactive-button-border-color) !important;
|
||||
@ -178,7 +212,11 @@ menulist[open] .menulist-label-box,
|
||||
|
||||
/* Flat buttons */
|
||||
.subviewbutton-back:not(#hack),
|
||||
#TabsToolbar .toolbarbutton-1 {
|
||||
.close-icon:not(.tab-close-button),
|
||||
button.close,
|
||||
#TabsToolbar .toolbarbutton-1,
|
||||
#protections-popup-info-button,
|
||||
.permission-popup-permission-remove-button {
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border-color: transparent !important;
|
||||
@ -186,7 +224,11 @@ menulist[open] .menulist-label-box,
|
||||
}
|
||||
|
||||
.subviewbutton-back:not(#hack):not(:active):hover,
|
||||
#protections-popup-show-report-button:not(:active):hover {
|
||||
.close-icon:not(.tab-close-button):not(:active):hover,
|
||||
button.close:not(:active):hover,
|
||||
#TabsToolbar .toolbarbutton-1:not(:active):not([open]):hover,
|
||||
#protections-popup-info-button:hover,
|
||||
.permission-popup-permission-remove-button:not(:active):hover {
|
||||
box-shadow: var(--gnome-button-box-shadow) !important;
|
||||
border-color: var(--gnome-button-border-color) !important;
|
||||
border-bottom-color: var(--gnome-button-border-accent-color) !important;
|
||||
@ -203,6 +245,7 @@ menulist[open] .menulist-label-box,
|
||||
min-width: 24px !important;
|
||||
}
|
||||
|
||||
#sidebar-close.close-icon,
|
||||
.findbar-closebutton.close-icon {
|
||||
min-width: 28px !important;
|
||||
}
|
||||
@ -257,12 +300,12 @@ menulist[open] .menulist-label-box,
|
||||
|
||||
/* Combined buttons */
|
||||
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack),
|
||||
.subviewbutton.panel-subview-footer:not(:only-of-type):not(:last-of-type),
|
||||
.panel-footer button:not(:only-of-type):not(:last-of-type),
|
||||
/*#nav-bar #back-button:not(#hack),*/
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button),
|
||||
#context-navigation menuitem:not(:only-of-type):not(:last-of-type),
|
||||
#context-navigation menuitem:not(:last-of-type),
|
||||
.findbar-container toolbarbutton.findbar-find-previous,
|
||||
.findbar-button:not(:last-of-type) {
|
||||
.findbar-button:not(:last-of-type),
|
||||
.search-panel-one-offs .searchbar-engine-one-off-item:not(:last-child) {
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
@ -270,13 +313,13 @@ menulist[open] .menulist-label-box,
|
||||
}
|
||||
|
||||
#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#hack),
|
||||
.subviewbutton.panel-subview-footer:not(:only-of-type):not(:first-of-type),
|
||||
.panel-footer button:not(:only-of-type):not(:first-of-type),
|
||||
/*#nav-bar #forward-button:not(#hack),*/
|
||||
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button),
|
||||
#context-navigation menuitem:not(:only-of-type):not(:first-of-type),
|
||||
#context-navigation menuitem:not(:first-of-type),
|
||||
.findbar-container toolbarbutton.findbar-find-previous,
|
||||
.findbar-container toolbarbutton.findbar-find-next,
|
||||
.findbar-button:not(:first-of-type) {
|
||||
.findbar-button:not(:first-of-type),
|
||||
.search-panel-one-offs .searchbar-engine-one-off-item:not(:first-child) {
|
||||
border-top-left-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
@ -317,6 +360,7 @@ button.popup-notification-primary-button.popup-notification-button:active,
|
||||
|
||||
/* Buttons with destructive action */
|
||||
#editBookmarkPanelRemoveButton,
|
||||
.identity-popup-permission-remove-button,
|
||||
#PanelUI-panic-view-button {
|
||||
color: white !important;
|
||||
background: var(--gnome-button-destructive-action-background) !important;
|
||||
@ -348,16 +392,3 @@ button.popup-notification-primary-button.popup-notification-button:active,
|
||||
.identity-popup-permission-remove-button:not(#hack):hover .button-icon {
|
||||
filter: invert(100%) brightness(200%);
|
||||
}
|
||||
|
||||
/* User sync menu, bigger avatar */
|
||||
#fxa-toolbar-menu-button .toolbarbutton-badge-stack {
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#fxa-avatar-image {
|
||||
height: 26px !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
width: 26px !important;
|
||||
}
|
||||
|
||||
53
src/other/firefox/WhiteSur/parts/controls.css
Normal file
53
src/other/firefox/WhiteSur/parts/controls.css
Normal file
@ -0,0 +1,53 @@
|
||||
/* Controls */
|
||||
/* Switchers, Checkboxes, etc. */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Switchers */
|
||||
.protections-popup-tp-switch-box {
|
||||
padding: 0 !important;
|
||||
-moz-box-pack: start !important;
|
||||
}
|
||||
#protections-popup-tp-switch:not([enabled])[showdotindicator]::after {
|
||||
display: none !important;
|
||||
}
|
||||
#protections-popup-tp-switch {
|
||||
background: var(--gnome-switch-background) !important;
|
||||
border: 1px solid var(--gnome-switch-border-color) !important;
|
||||
border-radius: 24px !important;
|
||||
min-width: 50px !important;
|
||||
width: 50px !important;
|
||||
min-height: 26px !important;
|
||||
padding: 0 !important;
|
||||
position: relative !important;
|
||||
display: block !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#protections-popup-tp-switch:hover {
|
||||
border-color: var(--gnome-switch-border-color) !important;
|
||||
}
|
||||
#protections-popup-tp-switch::before {
|
||||
position: absolute !important;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background: var(--gnome-switch-slider-background) !important;
|
||||
border: 1px solid var(--gnome-switch-slider-border-color) !important;
|
||||
box-shadow: var(--gnome-switch-slider-box-shadow);
|
||||
border-radius: 24px !important;
|
||||
height: 24px !important;
|
||||
width: 24px !important;
|
||||
transition: left .2s ease;
|
||||
outline: 0 !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled] {
|
||||
background: var(--gnome-switch-active-background) !important;
|
||||
border-color: var(--gnome-switch-active-border-color) !important;
|
||||
padding-inline-start: 24px !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled]:hover {
|
||||
border-color: var(--gnome-switch-active-border-color) !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled]::before {
|
||||
border-color: var(--gnome-switch-active-slider-border-color) !important;
|
||||
left: 24px;
|
||||
}
|
||||
59
src/other/firefox/WhiteSur/parts/dialogs.css
Normal file
59
src/other/firefox/WhiteSur/parts/dialogs.css
Normal file
@ -0,0 +1,59 @@
|
||||
/* Dialogs */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Browser dialog prompts center */
|
||||
.content-prompt {
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Dialog */
|
||||
.dialogBox {
|
||||
border-radius: 9px !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
#commonDialog {
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border: 0 !important;
|
||||
box-shadow: var(--gnome-popover-shadow) !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
dialog {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
.dialog-content-box {
|
||||
padding: 24px;
|
||||
}
|
||||
#titleContainer {
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.dialog-button-box {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.dialog-button-box button:not(#hack) {
|
||||
height: auto !important;
|
||||
max-height: unset !important;
|
||||
padding: 10px 14px !important;
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
flex: 1;
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Buttons borders - only suppor for cancel/ok */
|
||||
.dialog-button-box button[dlgtype="accept"] {
|
||||
border-right: 0 !important;
|
||||
border-left: 0 !important;
|
||||
}
|
||||
.dialog-button-box button[dlgtype="cancel"]:not(#hack) {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
@ -5,7 +5,9 @@
|
||||
/* Entries */
|
||||
#searchbar,
|
||||
#search-box,
|
||||
.findbar-textbox {
|
||||
.findbar-textbox,
|
||||
#loginTextbox,
|
||||
#password1Textbox {
|
||||
-moz-appearance: none !important;
|
||||
background: var(--gnome-urlbar-background) !important;
|
||||
border: 1px solid var(--gnome-urlbar-border-color) !important;
|
||||
@ -23,9 +25,11 @@
|
||||
/* Entries focused */
|
||||
#urlbar[breakout][breakout-extend],
|
||||
#searchbar:focus-within,
|
||||
#search-box[focused],
|
||||
#search-box[focused],
|
||||
.findbar-textbox[focused],
|
||||
.findbar-textbox:focus {
|
||||
.findbar-textbox:focus,
|
||||
#loginTextbox:focus,
|
||||
#password1Textbox:focus {
|
||||
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
|
||||
outline-offset: -2px;
|
||||
-moz-outline-radius: 8px;
|
||||
@ -35,7 +39,9 @@
|
||||
/* Inactive window entries */
|
||||
#searchbar:-moz-window-inactive,
|
||||
#search-box:-moz-window-inactive,
|
||||
.findbar-textbox:-moz-window-inactive {
|
||||
.findbar-textbox:-moz-window-inactive,
|
||||
#loginTextbox:-moz-window-inactive,
|
||||
#password1Textbox:-moz-window-inactive {
|
||||
background: var(--gnome-inactive-urlbar-background) !important;
|
||||
border-color: var(--gnome-inactive-urlbar-border-color) !important;
|
||||
color: var(--gnome-inactive-urlbar-color) !important;
|
||||
|
||||
@ -3,8 +3,8 @@
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
#urlbar {
|
||||
--urlbar-height: 32.00px;
|
||||
--urlbar-toolbar-height: 32.00px !important;
|
||||
--urlbar-height: 34.00px;
|
||||
--urlbar-toolbar-height: 34.00px !important;
|
||||
}
|
||||
|
||||
/* Center the URL bar */
|
||||
@ -17,6 +17,7 @@ toolbarspring {
|
||||
box-shadow: none !important;
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border-radius: 8px !important;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
#urlbar-background {
|
||||
box-shadow: none !important;
|
||||
@ -25,12 +26,18 @@ toolbarspring {
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
#urlbar:-moz-window-inactive {
|
||||
border-color: var(--gnome-inactive-headerbar-background) !important;
|
||||
}
|
||||
|
||||
#urlbar #urlbar-input-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
width: 100% !important;
|
||||
z-index: 5 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
#urlbar[breakout][breakout-extend][open] {
|
||||
height: auto !important;
|
||||
@ -50,7 +57,7 @@ toolbarspring {
|
||||
.urlbarView {
|
||||
background: transparent !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
margin: -2px 0 0 0 !important;
|
||||
margin: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
@ -70,17 +77,18 @@ toolbarspring {
|
||||
align-items: center !important;
|
||||
}
|
||||
.urlbarView-row-inner {
|
||||
padding-block: 8px !important;
|
||||
border-radius: 8px !important;
|
||||
padding-block: 5px !important;
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
.urlbarView-action {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
/* Search engines buttons */
|
||||
.search-one-offs {
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 2px !important;
|
||||
margin: 0 0 2px !important;
|
||||
padding: 8px !important;
|
||||
background: none !important;
|
||||
border-top: 1px solid var(--gnome-entry-border-color) !important;
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border-top: 1px solid var(--gnome-button-border-color) !important;
|
||||
border-radius: 0 0 8px 8px !important;
|
||||
}
|
||||
|
||||
@ -103,17 +111,17 @@ toolbarspring {
|
||||
color: unset !important;
|
||||
}
|
||||
.searchbar-engine-one-off-item:first-child {
|
||||
border-radius: 8px 0 0 8px;
|
||||
border-radius: 5px 0 0 5px;
|
||||
border-left-width: 1px !important;
|
||||
}
|
||||
.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child {
|
||||
border-radius: 0 8px 8px 0;
|
||||
border-radius: 0 5px 5px 0;
|
||||
}
|
||||
|
||||
#urlbar-anon-search-settings-compact {
|
||||
border-left-width: 1px !important;
|
||||
border-bottom: 1px solid var(--gnome-button-border-accent-color) !important;
|
||||
border-radius: 8px;
|
||||
border-radius: 5px;
|
||||
margin-left: 6px !important;
|
||||
}
|
||||
|
||||
@ -151,5 +159,22 @@ toolbarspring {
|
||||
#page-action-buttons {
|
||||
padding: 2px 0 !important;
|
||||
}
|
||||
|
||||
/* Search mode indicator */
|
||||
#urlbar-search-mode-indicator,
|
||||
#urlbar-label-box {
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border: 1px solid var(--gnome-popover-border-color) !important;
|
||||
border-radius: 9px;
|
||||
outline: 0 !important;
|
||||
margin: 4px 0;
|
||||
}
|
||||
#urlbar-search-mode-indicator-title {
|
||||
color: #0060df;
|
||||
padding-inline: 4px !important;;
|
||||
}
|
||||
#urlbar-search-mode-indicator-close {
|
||||
background-size: contain !important;
|
||||
border-radius: 0 9px 9px 0;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
|
||||
@ -2,6 +2,24 @@
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
/* Main menu fxa */
|
||||
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
|
||||
padding-left: 22px !important;
|
||||
margin-inline-start: -22px !important;
|
||||
}
|
||||
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
|
||||
margin-inline-start: 5px !important;
|
||||
}
|
||||
#appMenu-fxa-status2[fxastatus] > #appMenu-fxa-label2 > vbox > #appMenu-header-description, #appMenu-fxa-text {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
#appMenu-fxa-label2 {
|
||||
padding: 0 !important;
|
||||
background: none !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Style main context menu & buttons */
|
||||
#context-navigation {
|
||||
padding: 2px 6px 6px;
|
||||
@ -32,11 +50,7 @@
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
#appMenu-popup .toolbaritem-combined-buttons .before-label {
|
||||
width: 5px !important;
|
||||
}
|
||||
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label,
|
||||
#appMenu-fxa-container[fxastatus="signedin"] > #appMenu-fxa-status > #appMenu-fxa-label {
|
||||
padding-left: 28px !important;
|
||||
width: 32px !important;
|
||||
}
|
||||
|
||||
/* User sync account remove avatar */
|
||||
@ -148,93 +162,72 @@
|
||||
margin-left: 1.4em !important;
|
||||
}
|
||||
|
||||
#identity-popup-content-blocking-category-list, #identity-popup-permission-list {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
.identity-popup-security-connection { /* FF70 */
|
||||
background-position: 0 50% !important;
|
||||
padding-inline-start: 16px !important;
|
||||
}
|
||||
#identity-popup-security-description { /* FF70 */
|
||||
padding-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
.identity-popup-content-blocking-category-icon, .identity-popup-permission-icon {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
.identity-popup-content-blocking-category-label {
|
||||
margin-inline-start: 6px !important;
|
||||
}
|
||||
.identity-popup-content-blocking-category-state-label {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#identity-popup-permissions-content {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
#identity-popup-permissions-content description {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
#identity-popup-permissions-content {
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
|
||||
/* TODO: create custom --gnome-list vars */
|
||||
#identity-popup-permission-list:not(:empty) {
|
||||
border: 1px solid var(--gnome-button-border-color);
|
||||
border-bottom: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.identity-popup-permission-item {
|
||||
background: var(--gnome-menu-background);
|
||||
border-bottom: 1px solid var(--gnome-button-border-color);
|
||||
padding: 6px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Protections popup */
|
||||
.protections-popup-section,
|
||||
#protections-popup-not-blocking-section-header {
|
||||
border: 0 !important;
|
||||
}
|
||||
#protections-popup-mainView-panel-header-section {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
#protections-popup-mainView-panel-header {
|
||||
background: var(--gnome-button-suggested-action-background) !important;
|
||||
border: 1px solid var(--gnome-button-suggested-action-border-color) !important;
|
||||
border-radius: 8px 8px 0 0;
|
||||
min-height: 34px !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
#protections-popup[hasException] #protections-popup-mainView-panel-header {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
#protections-popup-main-header-label {
|
||||
height: auto !important;
|
||||
margin-inline-start: 6px !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
#protections-popup-mainView-panel-header-span {
|
||||
margin: 0 !important;
|
||||
margin-inline-start: 0 !important
|
||||
}
|
||||
#protections-popup[toast] #protections-popup-mainView-panel-header {
|
||||
border-radius: 8px 8px 8px 8px !important;
|
||||
border-bottom-width: 1px !important;
|
||||
border-radius: 5px !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
#messaging-system-message-container {
|
||||
height: 150px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
#protections-popup #messaging-system-message-container[disabled] {
|
||||
margin-bottom: -150px !important;
|
||||
}
|
||||
#protections-popup-message {
|
||||
background: none !important;
|
||||
border: 0 !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
#protections-popup-message .text-link {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
|
||||
#protections-popup-tp-switch-section {
|
||||
background: var(--gnome-button-background) !important;
|
||||
background: var(--gnome-menu-background);
|
||||
border: 1px solid var(--gnome-button-border-color) !important;
|
||||
border-top: 0 !important;
|
||||
border-radius: 0 0 8px 8px;
|
||||
border-radius: 6px;
|
||||
padding: 12px !important;
|
||||
}
|
||||
#protections-popup[hasException] #protections-popup-tp-switch-section {
|
||||
margin-bottom: 10px !important;
|
||||
color: white !important;
|
||||
background: var(--gnome-menu-background) !important;
|
||||
}
|
||||
|
||||
#protections-popup[hasException] #protections-popup-tp-switch-section,
|
||||
#protections-popup[hasException] #protections-popup-mainView-panel-header{
|
||||
background: var(--gnome-button-destructive-action-background) !important;
|
||||
border-color: var(--gnome-button-destructive-action-border-color) !important;
|
||||
.protections-popup-tp-switch-label-box label {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
#protections-popup-no-trackers-found-description {
|
||||
margin: 10px 0 !important;
|
||||
margin: 12px 0 !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
#protections-popup-blocking-section-header,
|
||||
@ -262,9 +255,9 @@
|
||||
|
||||
#protections-popup-footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 3px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
#protections-popup-show-report-stack {
|
||||
width: 100% !important;
|
||||
@ -278,57 +271,25 @@
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
/* TODO: consider switchers section */
|
||||
.protections-popup-tp-switch-box {
|
||||
margin-top: 16px;
|
||||
padding: 0 !important;
|
||||
-moz-box-pack: start !important;
|
||||
.protections-popup-description {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
#protections-popup-tp-switch:not([enabled])[showdotindicator]::after {
|
||||
display: none !important;
|
||||
}
|
||||
#protections-popup-tp-switch {
|
||||
background: var(--gnome-switch-background) !important;
|
||||
border: 1px solid var(--gnome-switch-border-color) !important;
|
||||
border-radius: 24px !important;
|
||||
min-width: 50px !important;
|
||||
width: 50px !important;
|
||||
min-height: 26px !important;
|
||||
padding: 0 !important;
|
||||
position: relative !important;
|
||||
display: block !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#protections-popup-tp-switch:hover {
|
||||
border-color: var(--gnome-switch-border-color) !important;
|
||||
}
|
||||
#protections-popup-tp-switch::before {
|
||||
position: absolute !important;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background: var(--gnome-switch-slider-background) !important;
|
||||
border: 1px solid var(--gnome-switch-slider-border-color) !important;
|
||||
box-shadow: var(--gnome-switch-slider-box-shadow);
|
||||
border-radius: 24px !important;
|
||||
height: 24px !important;
|
||||
width: 24px !important;
|
||||
transition: left .2s ease;
|
||||
outline: 0 !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled] {
|
||||
background: var(--gnome-switch-active-background) !important;
|
||||
border-color: var(--gnome-switch-active-border-color) !important;
|
||||
padding-inline-start: 24px !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled]:hover {
|
||||
border-color: var(--gnome-switch-active-border-color) !important;
|
||||
}
|
||||
#protections-popup-tp-switch[enabled]::before {
|
||||
border-color: var(--gnome-switch-active-slider-border-color) !important;
|
||||
left: 24px;
|
||||
.protections-popup-description > description {
|
||||
margin: 8px !important;
|
||||
}
|
||||
|
||||
/* Feature recommendation notification, fix width */
|
||||
#contextual-feature-recommendation-notification {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
/* Notification popups */
|
||||
.popup-notification-learnmore-link {
|
||||
margin-top: 40px !important;
|
||||
}
|
||||
|
||||
/* Extensions sometimes assume a white background */
|
||||
.webextension-popup-browser {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
@ -38,7 +38,6 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
|
||||
/* Adjust popovers position */
|
||||
panel[type=arrow] {
|
||||
margin-top: 9px !important;
|
||||
max-height: 80vh !important;
|
||||
}
|
||||
|
||||
/* Style popovers */
|
||||
@ -54,16 +53,18 @@ panelview {
|
||||
background: var(--gnome-popover-background) !important;
|
||||
border: 1px solid !important;
|
||||
border-color: var(--gnome-popover-border-color) !important;
|
||||
border-radius: 9px !important;
|
||||
/* box-shadow: var(--gnome-popover-shadow) !important; */
|
||||
border-radius: 8px !important;
|
||||
padding: 12px !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
.panel-arrow {
|
||||
fill: var(--gnome-popover-background) !important;
|
||||
stroke: var(--gnome-popover-border-color) !important;
|
||||
display: -moz-inline-box !important;
|
||||
}
|
||||
panel:not([remote]), #BMB_bookmarksPopup {
|
||||
--arrowpanel-background: var(--gnome-popover-background) !important;
|
||||
}
|
||||
|
||||
.PanelUI-subView toolbarseparator:not([orient="vertical"]) {
|
||||
margin: 10px 2px !important;
|
||||
}
|
||||
@ -71,16 +72,28 @@ panelview {
|
||||
.panel-header {
|
||||
padding: 0 0 10px 0 !important;
|
||||
}
|
||||
.panel-header + toolbarseparator,
|
||||
#identity-popup-mainView-panel-header + toolbarseparator,
|
||||
#permission-popup-mainView-panel-header + toolbarseparator,
|
||||
#protections-popup-mainView-panel-header-section + toolbarseparator {
|
||||
display: none !important;
|
||||
}
|
||||
.panel-footer {
|
||||
background-color: transparent !important;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
.panel-footer.panel-footer-menulike {
|
||||
border-top: 0 !important;
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
.panel-footer toolbarseparator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.proton-zap {
|
||||
border-image: unset !important;
|
||||
}
|
||||
.panel-subview-body {
|
||||
padding: 0 !important;
|
||||
}
|
||||
@ -100,6 +113,7 @@ panelview {
|
||||
.protections-popup-category,
|
||||
.identity-popup-content-blocking-category {
|
||||
padding: 5px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.subviewbutton[disabled], .toolbarbutton-1[disabled],
|
||||
@ -116,7 +130,7 @@ panelview {
|
||||
|
||||
.subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover, .protections-popup-category:not([disabled]):hover,
|
||||
.identity-popup-content-blocking-category:not([disabled]):hover {
|
||||
background: var(--gnome-popover-button-hover-background) !important;
|
||||
background-color: var(--gnome-popover-button-hover-background) !important;
|
||||
}
|
||||
|
||||
/* Style popover separators */
|
||||
@ -129,3 +143,32 @@ toolbarseparator:not([orient="vertical"]) {
|
||||
toolbarseparator[orient="vertical"] {
|
||||
margin: 0 3px !important;
|
||||
}
|
||||
|
||||
/* Auto complete popups */
|
||||
panel[type="autocomplete-richlistbox"] {
|
||||
background: var(--gnome-menu-background) !important;
|
||||
border: 1px solid var(--gnome-menu-border-color) !important;
|
||||
padding: 4px 0 !important;
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
}
|
||||
.autocomplete-richlistbox {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.autocomplete-richlistitem:not([type="loginsFooter"]) {
|
||||
color: var(--gnome-toolbar-color) !important;
|
||||
font: menu !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.autocomplete-richlistitem:not([type="loginsFooter"]) .ac-site-icon {
|
||||
fill: var(--gnome-toolbar-color) !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.autocomplete-richlistitem:not([type="loginsFooter"]):hover {
|
||||
color: #fff !important;
|
||||
background-color: Highlight !important;
|
||||
}
|
||||
.autocomplete-richlistitem:not([type="loginsFooter"]):hover .ac-site-icon {
|
||||
fill: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
@ -1,30 +0,0 @@
|
||||
/* Scrollbars hack */
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
#alltabs-button:not(#hack) {
|
||||
list-style-image: none !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#alltabs-button:not(#hack) .toolbarbutton-icon {
|
||||
display: none !important;
|
||||
}
|
||||
#alltabs-button:not(#hack) .toolbarbutton-badge-stack {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#alltabs-button::before {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
content: url("../icons/pan-down-symbolic.svg");
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#alltabs-button::before {
|
||||
filter: invert(100%) brightness(200%);
|
||||
}
|
||||
}
|
||||
|
||||
#alltabs-button:-moz-window-inactive::before {
|
||||
opacity: 0.7 !important;
|
||||
}
|
||||
@ -2,6 +2,19 @@
|
||||
|
||||
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
||||
|
||||
:root {
|
||||
--space-above-tabbar: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar:not([inFullscreen]) > .toolbar-items {
|
||||
margin-bottom: -1px !important;
|
||||
}
|
||||
|
||||
/* Fix tabs bar icon sizes */
|
||||
#TabsToolbar {
|
||||
--toolbarbutton-inner-padding: var(--toolbarbutton-inner-padding) !important;
|
||||
}
|
||||
|
||||
/* Tabs bar height */
|
||||
#tabbrowser-tabs,
|
||||
#tabbrowser-tabs arrowscrollbox {
|
||||
@ -154,7 +167,6 @@ tab[selected]:-moz-window-inactive {
|
||||
}
|
||||
|
||||
@media (-moz-proton) {
|
||||
|
||||
/* Firefox v89 beta tab fix */
|
||||
.tab-background {
|
||||
border-radius: 0 !important;
|
||||
@ -168,6 +180,7 @@ tab[selected]:-moz-window-inactive {
|
||||
|
||||
/* fix misc spacing between tabs */
|
||||
.tabbrowser-tab {
|
||||
min-height: 28px !important;
|
||||
padding-inline: 0px !important;
|
||||
}
|
||||
|
||||
@ -201,15 +214,17 @@ tab[selected]:-moz-window-inactive {
|
||||
|
||||
.tab-close-button {
|
||||
-moz-appearance: none !important;
|
||||
margin-inline-end: 0 !important;
|
||||
border: none !important;
|
||||
box-sizing: content-box; /* Avoid deformation on flexbox */
|
||||
border-radius: 2px;
|
||||
border-radius: 3px !important;
|
||||
list-style-image: url("../icons/window-close-symbolic.svg") !important;
|
||||
height: 16px;
|
||||
opacity: .3;
|
||||
padding: 0;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.tab-close-button {
|
||||
list-style-image: url("../icons/window-close-symbolic-light.svg") !important;
|
||||
@ -349,10 +364,6 @@ tab[selected]:-moz-window-inactive {
|
||||
max-height: 10px;
|
||||
}
|
||||
|
||||
.tab-close-button {
|
||||
margin-inline-end: -6px !important;
|
||||
}
|
||||
|
||||
/* fix spacing on too many tabs */
|
||||
|
||||
.tab-icon-overlay:not([pinned], [sharing]),
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
@import "parts/toolbox.css";
|
||||
@import "parts/buttons.css";
|
||||
@import "parts/entries.css";
|
||||
@import "parts/controls.css";
|
||||
@import "parts/headerbar.css";
|
||||
@import "parts/csd.css";
|
||||
@import "parts/titlebutton-light.css";
|
||||
@ -8,7 +9,7 @@
|
||||
@import "parts/popups.css";
|
||||
@import "parts/tabsbar.css";
|
||||
@import "parts/findbar.css";
|
||||
@import "parts/scrollbars.css";
|
||||
@import "parts/dialogs.css";
|
||||
@import "parts/remove-white-flash.css";
|
||||
@import "parts/custom-icons.css";
|
||||
@import "parts/icons.css";
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user