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

add titlebarbutton transition + fix urlbar colours

Browse source
This commit is contained in:
bmFtZQ 2022-06-25 09:53:14 +08:00
parent 9d247ce92d
commit b6a815e102
5 changed files with 84 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

6
chrome/toolbar/navbar.css
View file

@ -96,7 +96,8 @@
#tracking-protection-icon-container,
#fxa-toolbar-menu-button,
panel button,
panel menulist {
panel menulist,
.titlebar-button {
transition: background-color 0.25s ease !important;
}
@ -109,7 +110,8 @@
#tracking-protection-icon-container:not([disabled=true]):is([open],[checked],:hover:active),
#fxa-toolbar-menu-button:not([disabled=true]):is([open],[checked],:hover:active),
panel button:not([disabled=true]):is([open],[checked],:hover:active),
panel menulist:not([disabled=true]):is([open],[checked],:hover:active) {
panel menulist:not([disabled=true]):is([open],[checked],:hover:active),
.titlebar-button:not([disabled=true]):hover:active {
transition-duration: 0s !important;
}
}

12
chrome/toolbar/urlbar.css
View file

@ -9,10 +9,6 @@
--identity-box-margin-inline: 2px !important;
}
:root:not(:-moz-lwtheme) #urlbar {
--urlbar-box-bgcolor: unset !important;
}
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background,
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #searchbar:focus-within {
outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important;
@ -195,6 +191,14 @@
background-color: transparent !important;
}
:is(:root:not(:-moz-lwtheme),
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"],
:root[lwt-default-theme-in-dark-mode="true"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"]
) #urlbar-search-mode-indicator {
background-color: var(--urlbar-box-hover-bgcolor) !important;
}
/* increase space between icon and text */
#identity-icon-label {
padding-inline-start: 8px !important;