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

tweak urlbar placeholder opacity

Browse source
This commit is contained in:
bmFtZQ 2022-06-11 18:58:34 +08:00
parent d9fa3f5c96
commit 0a720d6001
1 changed files with 27 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

49
chrome/toolbar/urlbar.css
View file

@ -141,9 +141,9 @@
#urlbar-container { #urlbar-container {
min-width: 206px !important; min-width: 206px !important;
} }
#nav-bar-customization-target:not(:hover) #downloads-button:not([open]) { #nav-bar-customization-target:not(:hover) #downloads-button:not([open]) {
visibility: collapse !important; visibility: collapse !important;
} }
} }
@ -160,7 +160,8 @@
fill: var(--toolbar-field-color) !important; fill: var(--toolbar-field-color) !important;
} }
#userContext-icons, #urlbar-zoom-button { #userContext-icons,
#urlbar-zoom-button {
padding-inline: var(--uc-urlbar-icon-inline-padding) !important; padding-inline: var(--uc-urlbar-icon-inline-padding) !important;
margin-block: 0 !important; margin-block: 0 !important;
margin-inline: 0 !important; margin-inline: 0 !important;
@ -168,32 +169,35 @@
/* make urlbar icons opaque in default theme */ /* make urlbar icons opaque in default theme */
@media not (prefers-contrast) { @media not (prefers-contrast) {
:is(:root:not(:-moz-lwtheme), :root[style*="--lwt-accent-color: rgb(240, 240, 244)"]) :is( :is(:root:not(:-moz-lwtheme), :root[style*="--lwt-accent-color: rgb(240, 240, 244)"]) :is(
#urlbar-input::placeholder, .urlbar-icon:not(#star-button[starred]),
.searchbar-textbox::placeholder,
.urlbar-icon,
.sharing-icon, .sharing-icon,
#identity-icon, #identity-icon,
.searchbar-search-icon,
#identity-icon-label, #identity-icon-label,
#permissions-granted-icon, #permissions-granted-icon,
#tracking-protection-icon, #tracking-protection-icon,
.notification-anchor-icon, .notification-anchor-icon,
#blocked-permissions-container > .blocked-permission-icon #blocked-permissions-container > .blocked-permission-icon) {
) {
opacity: 0.6 !important; opacity: 0.6 !important;
} }
} }
#urlbar-input::placeholder,
.searchbar-textbox::placeholder {
opacity: 0.6 !important;
}
/* remove background from urlbar box */ /* remove background from urlbar box */
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:not(:hover, [open]), #identity-box[pageproxystate="valid"].notSecureText>.identity-box-button:not(:hover, [open]),
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:not(:hover, [open]), #identity-box[pageproxystate="valid"].chromeUI>.identity-box-button:not(:hover, [open]),
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:not(:hover, [open]) { #identity-box[pageproxystate="valid"].extensionPage>.identity-box-button:not(:hover, [open]) {
background-color: transparent !important; background-color: transparent !important;
} }
/* increase space between icon and text */ /* increase space between icon and text */
#identity-icon-label { #identity-icon-label {
padding-inline-start: 8px !important; padding-inline-start: 8px !important;
} }
/* separator for urlbar box */ /* separator for urlbar box */
@ -201,9 +205,9 @@
position: relative; position: relative;
} }
:is(#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button, :is(#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button, #identity-box[pageproxystate="valid"].chromeUI>.identity-box-button,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button)::after { #identity-box[pageproxystate="valid"].extensionPage>.identity-box-button)::after {
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
@ -215,15 +219,16 @@
} }
@media not (prefers-reduced-motion) { @media not (prefers-reduced-motion) {
:is(#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button, :is(#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button)::after { #identity-box[pageproxystate="valid"].chromeUI>.identity-box-button,
#identity-box[pageproxystate="valid"].extensionPage>.identity-box-button)::after {
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
} }
} }
:is(#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:not(:hover, [open]), :is(#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button:not(:hover, [open]),
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:not(:hover, [open]), #identity-box[pageproxystate="valid"].chromeUI>.identity-box-button:not(:hover, [open]),
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:not(:hover, [open]))::after { #identity-box[pageproxystate="valid"].extensionPage>.identity-box-button:not(:hover, [open]))::after {
opacity: 0.375; opacity: 0.375;
} }