Dialogs: Update dialogs to libadwaita and fix broken things

Fixes #395
This commit is contained in:
Rafael Mardojai CM 2022-07-04 12:18:43 -05:00
parent fad5a40890
commit 57a1e9427e
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
4 changed files with 36 additions and 26 deletions

View File

@ -101,4 +101,3 @@
/* Private browsing info box */ /* Private browsing info box */
--gnome-private-text-primary-color: #15141A; --gnome-private-text-primary-color: #15141A;
} }

View File

@ -63,8 +63,7 @@ button.close,
.close-icon:not(.tab-close-button), .close-icon:not(.tab-close-button),
button.close, button.close,
#protections-popup-info-button, #protections-popup-info-button,
.permission-popup-permission-remove-button, .permission-popup-permission-remove-button {
#item-choose button {
background: transparent !important; background: transparent !important;
} }
@ -145,8 +144,8 @@ menulist:hover,
.panel-footer button:hover, .panel-footer button:hover,
#downloadsPanel-mainView .download-state .downloadButton:hover, #downloadsPanel-mainView .download-state .downloadButton:hover,
#appMenu-popup .panel-banner-item:hover, #appMenu-popup .panel-banner-item:hover,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover, #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled="true"]):hover,
#context-navigation menuitem:not([disabled]):hover, #context-navigation menuitem:not([disabled="true"]):hover,
.identity-popup-preferences-button:not(#hack):hover, .identity-popup-preferences-button:not(#hack):hover,
.findbar-container toolbarbutton:hover, .findbar-container toolbarbutton:hover,
.findbar-closebutton .toolbarbutton-icon:hover, .findbar-closebutton .toolbarbutton-icon:hover,
@ -159,7 +158,7 @@ menulist:hover .menulist-label-box,
.tracking-protection-button:hover, .tracking-protection-button:hover,
.dialog-button:hover, .dialog-button:hover,
.autocomplete-richlistitem[type="loginsFooter"]:hover, .autocomplete-richlistitem[type="loginsFooter"]:hover,
.dialog-button-box button:not([disabled]):hover, .dialog-button-box button:not([disabled="true"]):hover,
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item:hover,
.button.connect-device:hover, .button.connect-device:hover,
#editBMPanel_newFolderButton:hover { #editBMPanel_newFolderButton:hover {
@ -168,7 +167,7 @@ menulist:hover .menulist-label-box,
} }
/* Hover flat buttons */ /* Hover flat buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover, #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled="true"]):not([checked]):hover,
.close-icon:not(.tab-close-button):hover, .close-icon:not(.tab-close-button):hover,
button.close:hover, button.close:hover,
#protections-popup-info-button:hover, #protections-popup-info-button:hover,
@ -184,8 +183,8 @@ menulist[open],
.panel-footer button:active, .panel-footer button:active,
#downloadsPanel-mainView .download-state .downloadButton:active, #downloadsPanel-mainView .download-state .downloadButton:active,
#appMenu-popup .panel-banner-item:active, #appMenu-popup .panel-banner-item:active,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled]):not(#appMenu-fxa-label):active, #appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled="true"]):not(#appMenu-fxa-label):active,
#context-navigation menuitem:active:not([disabled]), #context-navigation menuitem:active:not([disabled="true"]),
.identity-popup-preferences-button:not(#hack):active, .identity-popup-preferences-button:not(#hack):active,
.findbar-container toolbarbutton[checked], .findbar-container toolbarbutton[checked],
.findbar-container toolbarbutton:active, .findbar-container toolbarbutton:active,
@ -198,16 +197,16 @@ menulist[open] .menulist-label-box,
.tracking-protection-button:active, .tracking-protection-button:active,
.dialog-button:active, .dialog-button:active,
.autocomplete-richlistitem[type="loginsFooter"]:active, .autocomplete-richlistitem[type="loginsFooter"]:active,
.dialog-button-box button:not([disabled]):active, .dialog-button-box button:not([disabled="true"]):active,
.button.connect-device:active, .button.connect-device:active,
#editBMPanel_newFolderButton:active { #editBMPanel_newFolderButton:active {
background: var(--gnome-button-active-background) !important; background: var(--gnome-button-active-background) !important;
} }
/* Active flat buttons */ /* Active flat buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled]):not(#hack):active, #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"]):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(.subviewbutton):not([disabled="true"])[open],
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked], #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled="true"])[checked],
.close-icon:not(.tab-close-button):active, .close-icon:not(.tab-close-button):active,
button.close:active, button.close:active,
#protections-popup-info-button:not(#hack):active, #protections-popup-info-button:not(#hack):active,
@ -218,10 +217,10 @@ button.close:active,
} }
/* Disabled buttons */ /* Disabled buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled], #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled="true"],
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled], #appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled="true"],
#context-navigation menuitem[disabled], #context-navigation menuitem[disabled="true"],
.dialog-button-box button[disabled] { .dialog-button-box button[disabled="true"] {
opacity: .5 !important; opacity: .5 !important;
} }

View File

@ -7,25 +7,29 @@ window {
} }
/* Browser dialog prompts center */ /* Browser dialog prompts center */
.content-prompt { .dialogOverlay {
display: flex !important; display: grid;
align-items: center; place-content: center;
justify-content: center; justify-content: center;
grid-auto-rows: min(90%, var(--doc-height-px));
}
.dialogOverlay[topmost="true"], #window-modal-dialog::backdrop {
background-color: rgba(0, 0, 0, .5) !important;
} }
/* Dialog */ /* Dialog */
.dialogBox { .dialogBox {
border-radius: 9px !important; border-radius: 12px !important;
margin-top: 0 !important; margin-top: 0 !important;
} }
dialog[subdialog] { window[role="dialog"] {
background: var(--gnome-popover-background) !important; background: var(--gnome-popover-background) !important;
border: 0 !important; border: 0 !important;
box-shadow: var(--gnome-popover-shadow) !important; box-shadow: var(--gnome-popover-shadow) !important;
padding: 0 !important; padding: 0 !important;
} }
dialog { dialog {
padding: 0 !important; padding: 0 !important;
} }

View File

@ -6,13 +6,21 @@
/* List container */ /* List container */
#permission-popup-permission-list, #permission-popup-permission-list,
richlistbox#items { richlistbox#items {
--in-content-item-selected: var(--gnome-accent-bg) !important;
--in-content-item-selected-text: #fff !important;
background: var(--gnome-menu-background) !important; background: var(--gnome-menu-background) !important;
border: 1px solid var(--gnome-button-border-color) !important; border: 1px solid var(--gnome-button-border-color) !important;
border-radius: 9px !important; border-radius: 12px !important;
padding: 0 !important; padding: 0 !important;
overflow: hidden; overflow: hidden;
} }
richlistbox#items {
box-shadow: 0 0 0 1px rgba(0, 0, 0, .03),
0 1px 3px 1px rgba(0, 0, 0, .07),
0 2px 6px 2px rgba(0, 0, 0, .03);
}
/* List item */ /* List item */
.permission-popup-permission-list-anchor, .permission-popup-permission-list-anchor,
richlistbox#items richlistitem { richlistbox#items richlistitem {
@ -21,7 +29,7 @@ richlistbox#items richlistitem {
} }
.permission-popup-permission-list-anchor:not(:last-child), .permission-popup-permission-list-anchor:not(:last-child),
richlistbox#items richlistitem:not(:last-child) { richlistbox#items richlistitem:not(:last-child) {
border-bottom: 1px solid var(--gnome-button-border-color); border-bottom: 1px solid var(--gnome-menu-separator-color);
} }
/* Fix list buttons on selected state */ /* Fix list buttons on selected state */