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

clean up formatting

Browse source
This commit is contained in:
bmFtZQ 2021-04-15 07:13:03 +08:00 • committed by GitHub
parent e6d025e2bc
commit b7a2cf603c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 64 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

134
chrome/navbar/navbar.css
View file

@ -1,114 +1,108 @@
#nav-bar #nav-bar {
{ min-height: 38px !important;
min-height: 38px !important; box-shadow: none !important;
box-shadow: none !important; padding-inline: 6px !important;
padding-inline: 6px !important; background-color: var(--toolbar-bgcolor) !important;
background-color: var(--toolbar-bgcolor) !important;
} }
#reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon #reload-button[disabled]:not(:-moz-window-inactive)>.toolbarbutton-icon {
{ opacity: 1 !important;
opacity: 1 !important;
} }
.toolbarbutton-badge .toolbarbutton-badge {
{ box-shadow: 0 0 0 1px #0001 !important;
box-shadow: 0 0 0 1px #0001 !important; margin: 10px 0 0 !important;
margin: 10px 0 0 !important; margin-inline-end: -6px !important;
margin-inline-end: -6px !important;
} }
#nav-bar .toolbarbutton-badge #nav-bar .toolbarbutton-badge {
{ box-shadow: 0 0 0 1px var(--toolbar-bgcolor) !important;
box-shadow: 0 0 0 1px var(--toolbar-bgcolor) !important; margin: 10px 0 0 !important;
margin: 10px 0 0 !important; margin-inline-end: -6px !important;
margin-inline-end: -6px !important;
} }
panel .toolbarbutton-badge panel .toolbarbutton-badge {
{ box-shadow: 0 0 0 1px var(--arrowpanel-background) !important;
box-shadow: 0 0 0 1px var(--arrowpanel-background) !important;
} }
/* Windows */ /* Windows */
#PanelUI-button #PanelUI-button {
{ border: none !important;
border: none !important; margin: 0 !important;
margin: 0 !important; padding: 0 !important;
padding: 0 !important;
} }
#PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge #PanelUI-menu-button[badge-status|="update"] .toolbarbutton-badge {
{ display: none !important;
display: none !important;
} }
:root[privatebrowsingmode] #fxa-toolbar-menu-button :root[privatebrowsingmode] #fxa-toolbar-menu-button {
{ pointer-events: none !important;
pointer-events: none !important;
} }
#navigator-toolbox #fxa-toolbar-menu-button { #navigator-toolbox #fxa-toolbar-menu-button {
margin-inline: 5px !important; margin-inline: 5px !important;
border-radius: 99px !important; border-radius: 99px !important;
margin-block: -2px !important; margin-block: -2px !important;
} }
#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) #navigator-toolbox #fxa-toolbar-menu-button> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) {
{ width: 30px !important;
width: 30px !important; height: 30px !important;
height: 30px !important;
} }
#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) #navigator-toolbox #fxa-toolbar-menu-button> :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack) {
{ padding: 3px !important;
padding: 3px !important; background: 0 !important;
background: 0 !important;
} }
#fxa-avatar-image { #fxa-avatar-image {
width: 24px !important; width: 24px !important;
height: 24px !important; height: 24px !important;
} }
/* show "Private" label for en languages only */ /* show "Private" label for en languages only */
:root[privatebrowsingmode] #fxa-toolbar-menu-button::before :root[privatebrowsingmode] #fxa-toolbar-menu-button::before {
{ content: "Private" !important;
content: "Private" !important; display: -moz-box !important;
display: -moz-box !important; margin-inline-start: 12px !important;
margin-inline-start: 12px !important; margin-inline-end: 6px !important;
margin-inline-end: 6px !important;
}
:root[privatebrowsingmode] #navigator-toolbox #fxa-toolbar-menu-button {
background-color: var(--private-browsing-indicator, #006cbe) !important;
color: white !important;
margin-inline: 0 !important;
} }
#nav-bar-customization-target :root[privatebrowsingmode] #navigator-toolbox #fxa-toolbar-menu-button {
{ background-color: var(--private-browsing-indicator, #006cbe) !important;
overflow: visible !important; color: white !important;
margin-inline: 0 !important;
}
#nav-bar-customization-target {
overflow: visible !important;
} }
/* Compact mode */ /* Compact mode */
:root[uidensity="compact"] { :root[uidensity="compact"] {
--button-padding: 8px !important; --button-padding: 8px !important;
} }
:root[uidensity="compact"] #nav-bar { :root[uidensity="compact"] #nav-bar {
padding-inline: 4px !important; padding-inline: 4px !important;
} }
:root[uidensity="compact"] :is(#navigator-toolbox .webextension-browser-action > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon), :root[uidensity="compact"] :is(#navigator-toolbox .webextension-browser-action > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon),
#navigator-toolbox #nav-bar .toolbarbutton-1:not(#fxa-toolbar-menu-button) > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon)) { #navigator-toolbox #nav-bar .toolbarbutton-1:not(#fxa-toolbar-menu-button) > :is(.toolbarbutton-badge-stack, .toolbarbutton-icon)) {
padding-inline: var(--button-padding) !important; padding-inline: var(--button-padding) !important;
width: calc(16px + var(--button-padding) * 2) !important; width: calc(16px + var(--button-padding) * 2) !important;
} }
:root[uidensity="compact"] #fxa-toolbar-menu-button { :root[uidensity="compact"] #fxa-toolbar-menu-button {
margin-inline: 1px !important; margin-inline: 1px !important;
} }
:root[uidensity="compact"] :is(#reload-button > .toolbarbutton-animatable-box, #stop-button > .toolbarbutton-animatable-box, :root[uidensity="compact"] :is(#reload-button > .toolbarbutton-animatable-box, #stop-button > .toolbarbutton-animatable-box,
#nav-bar-overflow-button > .toolbarbutton-animatable-box) { #nav-bar-overflow-button > .toolbarbutton-animatable-box) {
margin-inline-start: calc((16px + 2 * var(--button-padding) - 18px) / 2) !important; margin-inline-start: calc((16px + 2 * var(--button-padding) - 18px) / 2) !important;
} }
:root[uidensity="compact"] #PersonalToolbar { :root[uidensity="compact"] #PersonalToolbar {
padding-inline: 2px; padding-inline: 2px;
} }