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:34 +08:00 • committed by GitHub
parent 4e3cce61ab
commit 72fc5a3d76
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 1103 additions and 1217 deletions
Download patch file Download diff file Expand all files Collapse all files

649
chrome/popup/popup.css
View file

File diff suppressed because it is too large Load diff

243
chrome/popup/urlbar-results.css
View file

@ -1,72 +1,59 @@
.ac-type-icon .ac-type-icon {
{
order: 9 !important; order: 9 !important;
margin-inline-start: 16px !important; margin-inline-start: 16px !important;
margin-inline-end: 0 !important; margin-inline-end: 0 !important;
} }
.ac-site-icon .ac-site-icon {
{
margin-inline-end: 16px !important; margin-inline-end: 16px !important;
} }
.ac-separator .ac-separator {
{
display: none !important; display: none !important;
} }
.ac-title, .ac-title,
.ac-url .ac-url {
{
flex: 1 !important; flex: 1 !important;
} }
.search-panel-one-offs .search-panel-one-offs {
{
border-radius: 0 0 8px 8px !important; border-radius: 0 0 8px 8px !important;
margin-bottom: 18px !important; margin-bottom: 18px !important;
} }
.search-one-offs .search-one-offs {
{
display: block !important; display: block !important;
} }
#urlbarView-results #urlbarView-results {
{
padding: 0 !important; padding: 0 !important;
} }
.urlbarView-row .urlbarView-row {
{
padding: 0 16px !important; padding: 0 16px !important;
height: 32px !important; height: 32px !important;
border-radius: 0 !important; border-radius: 0 !important;
} }
.urlbarView-row-inner .urlbarView-row-inner {
{
height: 100% !important; height: 100% !important;
align-items: center !important; align-items: center !important;
} }
.urlbarView-favicon .urlbarView-favicon {
{
margin-inline-end: 16px !important; margin-inline-end: 16px !important;
} }
.urlbarView-title-separator .urlbarView-title-separator {
{
flex: 1 !important; flex: 1 !important;
} }
.urlbarView-title-separator::before .urlbarView-title-separator::before {
{
display: none !important; display: none !important;
} }
.urlbarView-type-icon .urlbarView-type-icon {
{
order: 1 !important; order: 1 !important;
margin-inline-start: 16px !important; margin-inline-start: 16px !important;
margin-inline-end: 0 !important; margin-inline-end: 0 !important;
@ -124,14 +111,12 @@
/* 70+ */ /* 70+ */
#urlbar-container #urlbar-container {
{
max-height: 37px !important; max-height: 37px !important;
} }
#urlbar, #urlbar,
#searchbar #searchbar {
{
font-size: 14px !important; font-size: 14px !important;
border-radius: 99px !important; border-radius: 99px !important;
background-color: var(--toolbar-field-background-color) !important; background-color: var(--toolbar-field-background-color) !important;
@ -148,36 +133,31 @@
} }
#urlbar:not(:-moz-lwtheme), #urlbar:not(:-moz-lwtheme),
#searchbar:not(:-moz-lwtheme) #searchbar:not(:-moz-lwtheme) {
{
color: inherit !important; color: inherit !important;
} }
#urlbar:hover, #urlbar:hover,
#searchbar:hover #searchbar:hover {
{
background-color: var(--toolbar-field-hover-background-color) !important; background-color: var(--toolbar-field-hover-background-color) !important;
} }
#urlbar[focused], #urlbar[focused],
#urlbar[open], #urlbar[open],
#searchbar[focused], #searchbar[focused],
#searchbar[open] #searchbar[open] {
{
background-color: var(--toolbar-field-focus-background-color) !important; background-color: var(--toolbar-field-focus-background-color) !important;
} }
#urlbar[focused], #urlbar[focused],
#searchbar[focused] #searchbar[focused] {
{
border: 2px solid var(--toolbar-field-focus-border-color) !important; border: 2px solid var(--toolbar-field-focus-border-color) !important;
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
} }
#urlbar[open], #urlbar[open],
#searchbar[open] #searchbar[open] {
{
border: 0 !important; border: 0 !important;
padding: 0 !important; padding: 0 !important;
border-radius: 8px 8px 0 0 !important; border-radius: 8px 8px 0 0 !important;
@ -191,36 +171,30 @@
z-index: 99999 !important; z-index: 99999 !important;
} }
#urlbar-input-container #urlbar-input-container {
{
width: 100% !important; width: 100% !important;
display: flex !important; display: flex !important;
align-items: center !important; align-items: center !important;
} }
.urlbar-input-box .urlbar-input-box {
{
flex: 1 !important; flex: 1 !important;
} }
#urlbar-input #urlbar-input {
{
width: 100% !important; width: 100% !important;
} }
#urlbar[open] #urlbar-input-container #urlbar[open] #urlbar-input-container {
{
height: 37px !important; height: 37px !important;
} }
#urlbar[open] #identity-box #urlbar[open] #identity-box {
{
margin-inline-start: 8px !important; margin-inline-start: 8px !important;
margin-inline-end: 8px !important; margin-inline-end: 8px !important;
} }
.urlbarView .urlbarView {
{
top: 0 !important; top: 0 !important;
left: 0 !important; left: 0 !important;
right: 0 !important; right: 0 !important;
@ -231,38 +205,32 @@
background: white !important; background: white !important;
} }
#urlbar[open] .urlbarView #urlbar[open] .urlbarView {
{
display: block !important; display: block !important;
width: 100% !important; width: 100% !important;
} }
#urlbar-results #urlbar-results {
{
padding: 0 !important; padding: 0 !important;
} }
#urlbar-container, #urlbar-container,
#searchbar-container #searchbar-container {
{
overflow: visible !important; overflow: visible !important;
padding: 0 5px !important; padding: 0 5px !important;
} }
.searchbar-textbox .searchbar-textbox {
{
color: inherit !important; color: inherit !important;
font-size: inherit !important; font-size: inherit !important;
min-height: auto !important; min-height: auto !important;
} }
#urlbar[pageproxystate=valid] > #identity-box:not(.no-hover) > #identity-icon #urlbar[pageproxystate=valid]>#identity-box:not(.no-hover)>#identity-icon {
{
fill-opacity: 1 !important; fill-opacity: 1 !important;
} }
#identity-icon-labels #identity-icon-labels {
{
transform: translateY(-3px) !important; transform: translateY(-3px) !important;
color: inherit !important; color: inherit !important;
opacity: 1 !important; opacity: 1 !important;
@ -272,15 +240,13 @@
} }
#identity-box, #identity-box,
#urlbar-display-box #urlbar-display-box {
{
position: relative !important; position: relative !important;
} }
/* separator */ /* separator */
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)::after, #urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)::after,
#urlbar-display-box::after #urlbar-display-box::after {
{
content: "" !important; content: "" !important;
display: -moz-box !important; display: -moz-box !important;
position: absolute !important; position: absolute !important;
@ -293,56 +259,45 @@
} }
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden), #urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden),
#urlbar-display-box #urlbar-display-box {
{
margin-inline-end: 8px !important; margin-inline-end: 8px !important;
} }
#urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-labels #urlbar[pageproxystate=valid]:not([open]) #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden) #identity-icon-labels {
{
display: -moz-box !important; display: -moz-box !important;
} }
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):hover:not(.no-hover)::after, #urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):hover:not(.no-hover)::after,
#urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)[open]::after #urlbar[pageproxystate=valid] #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)[open]::after {
{
opacity: 0 !important; opacity: 0 !important;
} }
#identity-box.extensionPage > #identity-icon #identity-box.extensionPage>#identity-icon {
{
list-style-image: none !important; list-style-image: none !important;
margin-inline-end: -16px !important; margin-inline-end: -16px !important;
} }
/* no longer used as a connection icon */ /* no longer used as a connection icon */
#connection-icon #connection-icon {
{
display: none !important; display: none !important;
} }
#identity-box:-moz-any( #identity-box:-moz-any(.mixedActiveBlocked,
.mixedActiveBlocked,
.mixedDisplayContentLoadedActiveBlocked, .mixedDisplayContentLoadedActiveBlocked,
.mixedActiveContent .mixedActiveContent)>#connection-icon {
) > #connection-icon
{
display: -moz-box !important; display: -moz-box !important;
} }
#identity-box:-moz-any(.certUserOverridden, .unknownIdentity) #identity-box:-moz-any(.certUserOverridden, .unknownIdentity) {
{
color: #c94031 !important; color: #c94031 !important;
} }
.urlbar-input .urlbar-input {
{
padding: 0 !important; padding: 0 !important;
} }
.searchbar-textbox .searchbar-textbox {
{
border: 0 !important; border: 0 !important;
background: 0 !important; background: 0 !important;
box-shadow: none !important; box-shadow: none !important;
@ -350,25 +305,21 @@
} }
#page-action-buttons>#pageActionSeparator, #page-action-buttons>#pageActionSeparator,
.urlbar-history-dropmarker .urlbar-history-dropmarker {
{
display: none !important; display: none !important;
} }
#pageActionSeparator #pageActionSeparator {
{
height: 24px !important; height: 24px !important;
} }
.urlbar-icon-wrapper .urlbar-icon-wrapper {
{
background: 0 !important; background: 0 !important;
} }
.urlbar-icon, .urlbar-icon,
#identity-box, #identity-box,
#tracking-protection-icon-container #tracking-protection-icon-container {
{
min-width: 32px !important; min-width: 32px !important;
height: 24px !important; height: 24px !important;
padding: 4px 8px !important; padding: 4px 8px !important;
@ -381,26 +332,22 @@
background-color: transparent !important; background-color: transparent !important;
} }
#identity-box #notification-popup-box #identity-box #notification-popup-box {
{
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
} }
#page-action-buttons #page-action-buttons {
{
height: 24px !important; height: 24px !important;
} }
#urlbar[open] #page-action-buttons #urlbar[open] #page-action-buttons {
{
display: none !important; display: none !important;
} }
.urlbar-icon:hover:not([disabled]), .urlbar-icon:hover:not([disabled]),
#identity-box:hover:not(.no-hover), #identity-box:hover:not(.no-hover),
#tracking-protection-icon-container:hover #tracking-protection-icon-container:hover {
{
background-color: var(--toolbarbutton-hover-background) !important; background-color: var(--toolbarbutton-hover-background) !important;
} }
@ -408,30 +355,25 @@
.urlbar-icon[open], .urlbar-icon[open],
#identity-box:hover:active:not(.no-hover), #identity-box:hover:active:not(.no-hover),
#identity-box[open]:not(.no-hover), #identity-box[open]:not(.no-hover),
#tracking-protection-icon-container[open] #tracking-protection-icon-container[open] {
{
background-color: var(--toolbarbutton-active-background) !important; background-color: var(--toolbarbutton-active-background) !important;
transition-duration: 0 !important; transition-duration: 0 !important;
} }
#star-button-box #star-button-box {
{
-moz-box-ordinal-group: 99 !important; -moz-box-ordinal-group: 99 !important;
} }
#pageActionButton #pageActionButton {
{
-moz-box-ordinal-group: 98 !important; -moz-box-ordinal-group: 98 !important;
} }
#contextual-feature-recommendation #contextual-feature-recommendation {
{
-moz-box-ordinal-group: 97 !important; -moz-box-ordinal-group: 97 !important;
width: auto !important; width: auto !important;
} }
.urlbar-page-action:-moz-any( .urlbar-page-action:-moz-any(#reader-mode-button,
#reader-mode-button,
#pageActionButton, #pageActionButton,
#pocket-button-box, #pocket-button-box,
#pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-screenshots_mozilla_org,
@ -439,9 +381,7 @@
#pageAction-urlbar-emailLink, #pageAction-urlbar-emailLink,
#pageAction-urlbar-copyURL, #pageAction-urlbar-copyURL,
#pageAction-urlbar-shareURL, #pageAction-urlbar-shareURL,
#pageAction-urlbar-addSearchEngine #pageAction-urlbar-addSearchEngine) {
)
{
transition: transition:
background-color .2s var(--ease-basic), background-color .2s var(--ease-basic),
margin .15s var(--ease-in), margin .15s var(--ease-in),
@ -452,8 +392,7 @@
margin-inline-start: -32px !important; margin-inline-start: -32px !important;
} }
#urlbar:hover .urlbar-page-action:-moz-any( #urlbar:hover .urlbar-page-action:-moz-any(#reader-mode-button,
#reader-mode-button,
#pageActionButton, #pageActionButton,
#pocket-button-box, #pocket-button-box,
#pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-screenshots_mozilla_org,
@ -461,10 +400,8 @@
#pageAction-urlbar-emailLink, #pageAction-urlbar-emailLink,
#pageAction-urlbar-copyURL, #pageAction-urlbar-copyURL,
#pageAction-urlbar-shareURL, #pageAction-urlbar-shareURL,
#pageAction-urlbar-addSearchEngine #pageAction-urlbar-addSearchEngine),
), .urlbar-page-action:-moz-any(#reader-mode-button,
.urlbar-page-action:-moz-any(
#reader-mode-button,
#pageActionButton, #pageActionButton,
#pocket-button-box, #pocket-button-box,
#pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-screenshots_mozilla_org,
@ -472,9 +409,7 @@
#pageAction-urlbar-emailLink, #pageAction-urlbar-emailLink,
#pageAction-urlbar-copyURL, #pageAction-urlbar-copyURL,
#pageAction-urlbar-shareURL, #pageAction-urlbar-shareURL,
#pageAction-urlbar-addSearchEngine #pageAction-urlbar-addSearchEngine):-moz-any(:hover, [open], [readeractive]) {
):-moz-any(:hover, [open], [readeractive])
{
transition: transition:
background-color .2s var(--ease-basic), background-color .2s var(--ease-basic),
margin .3s var(--ease-out), margin .3s var(--ease-out),
@ -484,56 +419,46 @@
margin-inline-start: 0 !important; margin-inline-start: 0 !important;
} }
.urlbar-display .urlbar-display {
{
color: inherit !important; color: inherit !important;
margin: 0 !important; margin: 0 !important;
} }
#pocket-button-box[animate] > #pocket-animatable-box #pocket-button-box[animate]>#pocket-animatable-box {
{
margin-inline-start: 6px !important; margin-inline-start: 6px !important;
} }
#star-button-animatable-box #star-button-animatable-box {
{
display: none !important; display: none !important;
} }
#cfr-label-container #cfr-label-container {
{
background: 0 !important; background: 0 !important;
} }
#cfr-label #cfr-label {
{
display: none !important; display: none !important;
} }
#cfr-button #cfr-button {
{
fill: currentColor !important; fill: currentColor !important;
} }
#urlbar[open] .urlbar-go-button, #urlbar[open] .urlbar-go-button,
#searchbar[open] .search-go-button #searchbar[open] .search-go-button {
{
height: 32px !important; height: 32px !important;
} }
/* icons 1x */ /* icons 1x */
#urlbar #urlbar {
{
--info-icon: url(../navbar/info-1x.svg); --info-icon: url(../navbar/info-1x.svg);
--lock-icon: url(../navbar/connection-1x.svg); --lock-icon: url(../navbar/connection-1x.svg);
--warning-icon: url(../navbar/connection-warning-1x.svg); --warning-icon: url(../navbar/connection-warning-1x.svg);
} }
/* icons 2x */ /* icons 2x */
@media (min--moz-device-pixel-ratio: 2) @media (min--moz-device-pixel-ratio: 2) {
{ #urlbar {
#urlbar
{
--info-icon: url(../navbar/info-2x.svg); --info-icon: url(../navbar/info-2x.svg);
--lock-icon: url(../navbar/connection-2x.svg); --lock-icon: url(../navbar/connection-2x.svg);
--warning-icon: url(../navbar/connection-warning-2x.svg); --warning-icon: url(../navbar/connection-warning-2x.svg);
@ -541,42 +466,34 @@
} }
/* info (not secure) */ /* info (not secure) */
#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .insecureLoginForms, .mixedActiveContent) > #identity-icon #identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .insecureLoginForms, .mixedActiveContent)>#identity-icon {
{
list-style-image: var(--info-icon) !important; list-style-image: var(--info-icon) !important;
} }
#identity-box[pageproxystate="valid"]:-moz-any( #identity-box[pageproxystate="valid"]:-moz-any(.certUserOverridden,
.certUserOverridden,
.weakCipher, .weakCipher,
.unknownIdentity) > #identity-icon .unknownIdentity)>#identity-icon {
{
list-style-image: var(--warning-icon) !important; list-style-image: var(--warning-icon) !important;
} }
/* lock (secure) */ /* lock (secure) */
#identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked) > #identity-icon #identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked)>#identity-icon {
{
list-style-image: var(--lock-icon) !important; list-style-image: var(--lock-icon) !important;
} }
/* high DPI adjustments */ /* high DPI adjustments */
@media (min--moz-device-pixel-ratio: 2) @media (min--moz-device-pixel-ratio: 2) {
{ #identity-icon-labels {
#identity-icon-labels
{
padding-inline-end: .5px !important; padding-inline-end: .5px !important;
} }
#urlbar[pageproxystate=valid] > #identity-box:-moz-any(.unknownIdentity, .notSecure) > #identity-icon #urlbar[pageproxystate=valid]>#identity-box:-moz-any(.unknownIdentity, .notSecure)>#identity-icon {
{
transform: translate(.5px, .5px) !important; transform: translate(.5px, .5px) !important;
} }
#identity-icon-labels, #identity-icon-labels,
.urlbar-input, .urlbar-input,
.searchbar-textbox .searchbar-textbox {
{
transform: translateY(-.5px) !important; transform: translateY(-.5px) !important;
} }
} }