Popups: Improve popover submenu headers/back button to mimic GTK

more closely
This commit is contained in:
Rafael Mardojai CM 2021-07-28 11:24:44 -05:00
parent 078ea71fc9
commit 885c394181
2 changed files with 21 additions and 8 deletions

View File

@ -20,7 +20,6 @@ menulist,
#overflowMenu-customize-button,
#appMenu-popup .panel-banner-item,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label),
.subviewbutton-back,
#context-navigation menuitem,
.identity-popup-preferences-button:not(#hack),
.findbar-container toolbarbutton,
@ -148,7 +147,6 @@ menulist:hover,
#downloadsPanel-mainView .download-state .downloadButton:hover,
#overflowMenu-customize-button:hover,
#appMenu-popup .panel-banner-item:hover,
.subviewbutton-back:hover,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover,
#context-navigation menuitem:not([disabled]):hover,
.identity-popup-preferences-button:not(#hack):hover,
@ -188,7 +186,6 @@ menulist[open],
#downloadsPanel-mainView .download-state .downloadButton:active,
#overflowMenu-customize-button:active,
#appMenu-popup .panel-banner-item:active,
.subviewbutton-back:not(#hack):active,
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled]):not(#appMenu-fxa-label):active,
#context-navigation menuitem:active:not([disabled]),
.identity-popup-preferences-button:not(#hack):active,
@ -254,7 +251,6 @@ menulist[open] .menulist-label-box,
}
/* Flat buttons */
.subviewbutton-back:not(#hack),
.close-icon:not(.tab-close-button),
button.close,
#protections-popup-info-button,
@ -272,7 +268,6 @@ button.close,
border-color: var(--gnome-popover-separator-color) !important;
border-radius: 5px !important;
}
.subviewbutton-back:not(#hack):not(:active):hover,
.close-icon:not(.tab-close-button):not(:active):hover,
button.close:not(:active):hover,
#protections-popup-info-button:hover,

View File

@ -72,6 +72,7 @@ panel:not([remote]), #BMB_bookmarksPopup {
.panel-header {
padding: 0 0 10px 0 !important;
position: relative !important;
}
.panel-header + toolbarseparator,
#identity-popup-mainView-panel-header + toolbarseparator,
@ -104,17 +105,18 @@ panel:not([remote]), #BMB_bookmarksPopup {
}
/* Style popovers menu buttons */
.subviewbutton:not(.subviewbutton-back),
.subviewbutton,
.toolbarbutton-1, .protections-popup-category,
.identity-popup-content-blocking-category {
border-radius: 5px !important;
color: var(--gnome-toolbar-color) !important;
font: menu !important;
width: 100%;
}
.subviewbutton:not(.subviewbutton-back),
.subviewbutton,
.protections-popup-category,
.identity-popup-content-blocking-category {
padding: 5px !important;
padding: 4px !important;
margin: 0 !important;
}
@ -133,6 +135,22 @@ panel:not([remote]), #BMB_bookmarksPopup {
background-color: var(--gnome-popover-button-hover-background) !important;
}
.subviewbutton-back {
width: 100%;
-moz-box-align: start !important;
-moz-box-pack: start !important;
padding: 10px !important;
}
.subviewbutton-back + h1 {
font-weight: normal !important;
left: 0 !important;
padding: 5px !important;
pointer-events: none;
position: absolute !important;
top: 0 !important;
width: 100%;
}
/* Style popover separators */
toolbarseparator, menuseparator {
border-color: var(--gnome-popover-separator-color) !important;