Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

basic styling of password autofill panel

Browse source
This commit is contained in:
bmFtZQ 2022-04-11 01:23:06 +08:00
parent c38d13bba4
commit 05b48c97f5
2 changed files with 64 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

67
chrome/global/popup.css
View file

@ -12,6 +12,9 @@
--panel-separator-margin-horizontal: 0 !important; --panel-separator-margin-horizontal: 0 !important;
--uc-panel-zoom-button-padding: 8px; --uc-panel-zoom-button-padding: 8px;
--uc-panel-zoom-button-inline-padding: 13px; --uc-panel-zoom-button-inline-padding: 13px;
--uc-autocomplete-panel-menuitem-margin: 4px;
--uc-autocomplete-panel-menuicon-padding-inline: 12px;
--uc-autocomplete-panel-separator-margin-vertical: 4px;
} }
/* app menu */ /* app menu */
@ -194,17 +197,55 @@
} }
/* context menus */ /* context menus */
menupopup { @media (-moz-os-version: windows-win10) {
--panel-color: var(--arrowpanel-color) !important; menupopup {
--panel-border-radius: 4px !important; --panel-color: var(--arrowpanel-color) !important;
--panel-padding: 4px 0px !important; --panel-border-radius: 4px !important;
--panel-border-color: var(--arrowpanel-border-color) !important; --panel-padding: 4px 0px !important;
--panel-background: var(--arrowpanel-background) !important; --panel-border-color: var(--arrowpanel-border-color) !important;
--nested-margin: -6px !important; --panel-background: var(--arrowpanel-background) !important;
--menuitem-hover-background-color: var(--panel-item-hover-bgcolor) !important; --nested-margin: -6px !important;
--menu-background-color: var(--arrowpanel-background) !important; --menuitem-hover-background-color: var(--panel-item-hover-bgcolor) !important;
--menu-color: var(--arrowpanel-color) !important; --menu-background-color: var(--arrowpanel-background) !important;
--menuitem-disabled-hover-background-color: #0000 !important; --menu-color: var(--arrowpanel-color) !important;
--menu-disabled-color: var(--panel-disabled-color) !important; --menuitem-disabled-hover-background-color: #0000 !important;
--menu-border-color: var(--panel-separator-color) !important; --menu-disabled-color: var(--panel-disabled-color) !important;
--menu-border-color: var(--panel-separator-color) !important;
}
}
/* auto complete popup */
menupopup,
panel[type="autocomplete-richlistbox"] {
/* -moz-window-shadow: none !important; */
appearance: none !important;
}
#PopupAutoComplete>.autocomplete-richlistbox {
background: var(--arrowpanel-background) !important;
color: var(--arrowpanel-color) !important;
box-shadow: 0 0 0 1px inset var(--arrowpanel-border-color) !important;
}
.autocomplete-richlistitem[originaltype="loginsFooter"] {
-moz-box-pack: start !important;
color: inherit !important;
border-color: var(--panel-separator-color) !important;
background-color: transparent !important;
height: 40px !important;
padding-inline-start: var(--uc-autocomplete-panel-menuicon-padding-inline) !important;
}
.autocomplete-richlistitem:hover {
background-color: var(--panel-item-hover-bgcolor) !important;
}
.autocomplete-richlistitem[selected] {
background-color: var(--panel-item-active-bgcolor) !important;
color: inherit !important;
}
.ac-site-icon {
fill: currentColor !important;
margin: auto var(--uc-autocomplete-panel-menuicon-padding-inline) !important;
} }

14
chrome/icons/icons.css
View file

@ -2,7 +2,7 @@
/* windows 11 style window controls (no known way to detect between windows 10 /* windows 11 style window controls (no known way to detect between windows 10
and 11 so applied to both) */ and 11 so applied to both) */
@media (-moz-os-version: windows-win10) { @media (-moz-windows-compositor) {
.titlebar-min { .titlebar-min {
list-style-image: url("win11-minimize.svg") !important; list-style-image: url("win11-minimize.svg") !important;
} }
@ -49,6 +49,10 @@ and 11 so applied to both) */
list-style-image: url("reload.svg") !important; list-style-image: url("reload.svg") !important;
} }
#context-stop {
list-style-image: url("close.svg") !important;
}
#context-bookmarkpage { #context-bookmarkpage {
list-style-image: url("bookmark-hollow.svg") !important; list-style-image: url("bookmark-hollow.svg") !important;
} }
@ -71,8 +75,7 @@ and 11 so applied to both) */
} }
#stop-button, #stop-button,
.close-icon, .close-icon {
#context-stop {
list-style-image: url("close.svg") !important; list-style-image: url("close.svg") !important;
} }
@ -95,7 +98,10 @@ and 11 so applied to both) */
list-style-image: url("downloads.svg") !important; list-style-image: url("downloads.svg") !important;
} }
#appMenu-passwords-button { #appMenu-passwords-button,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon,
#PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon {
list-style-image: url("passwords.svg") !important; list-style-image: url("passwords.svg") !important;
} }