corysanin/tubestation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug 1606785 - Format aboutlogins, megalist, and form autofill CSS files with Prettier r=credential-management-reviewers,mtigley,desktop-theme-reviewers,dao

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D249167
This commit is contained in:
hannajones
2025-05-21 03:51:41 +00:00
committed by hjones@mozilla.com
parent 9b7dfa3e41
commit 813c864381
17 changed files with 46 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
browser/components/aboutlogins/content/aboutLogins.css
View File

@@ -9,7 +9,7 @@
}
html {
position: fixed;
position: fixed;
}
html,
body {
@@ -82,7 +82,7 @@ login-item[data-editing="true"] + login-intro,
.primary-password-auth-required > body > header,
.primary-password-auth-required > body > login-list,
.primary-password-auth-required > body > section {
filter: blur(2px)
filter: blur(2px);
}
#primary-password-required-overlay {
@@ -90,7 +90,7 @@ login-item[data-editing="true"] + login-intro,
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,0.2);
background-color: rgba(0, 0, 0, 0.2);
}
body > section {

1
browser/components/aboutlogins/content/aboutLoginsImportReport.css
View File

@@ -33,7 +33,6 @@
margin-block: 32px 8px;
}
.summary > a {
margin-top: 12px;
}

4
browser/components/aboutlogins/content/components/confirmation-dialog.css
View File

@@ -2,13 +2,13 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
.overlay {
.overlay {
position: fixed;
z-index: 1;
inset: 0;
/* TODO: this color is used in the about:preferences overlay, but
why isn't it declared as a variable? */
background-color: rgba(0,0,0,0.5);
background-color: rgba(0, 0, 0, 0.5);
display: flex;
}

3
browser/components/aboutlogins/content/components/fxaccounts-button.css
View File

@@ -53,8 +53,7 @@
.fxaccount-avatar {
display: inline-block;
vertical-align: middle;
background-image: var(--avatar-url),
url(chrome://browser/skin/fxa/avatar-color.svg);
background-image: var(--avatar-url), url(chrome://browser/skin/fxa/avatar-color.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;

2
browser/components/aboutlogins/content/components/generic-dialog.css
View File

@@ -8,7 +8,7 @@
inset: 0;
/* TODO: this color is used in the about:preferences overlay, but
why isn't it declared as a variable? */
background-color: rgba(0,0,0,0.5);
background-color: rgba(0, 0, 0, 0.5);
display: flex;
}

2
browser/components/aboutlogins/content/components/import-error-dialog.css
View File

@@ -24,5 +24,5 @@
.warning-icon {
-moz-context-properties: fill;
fill: #FFBF00;
fill: #ffbf00;
}

4
browser/components/aboutlogins/content/components/login-alert.css
View File

@@ -12,8 +12,8 @@
background-color: var(--background-color-box);
border-radius: 4px;
border: 1px solid var(--in-content-border-color);
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
font-size: .9em;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
font-size: 0.9em;
}
:host([variant="info"]) {

2
browser/components/aboutlogins/content/components/login-intro.css
View File

@@ -19,5 +19,5 @@ section {
}
.illustration.logged-in {
opacity: .5;
opacity: 0.5;
}

20
browser/components/aboutlogins/content/components/login-item.css
View File

@@ -2,11 +2,11 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
:host {
:host {
overflow: hidden;
--reveal-checkbox-opacity: .8;
--reveal-checkbox-opacity-hover: .6;
--reveal-checkbox-opacity: 0.8;
--reveal-checkbox-opacity-hover: 0.6;
--reveal-checkbox-opacity-active: 1;
}
@@ -19,9 +19,9 @@
@media (prefers-color-scheme: dark) {
:host {
--reveal-checkbox-opacity: .8;
--reveal-checkbox-opacity: 0.8;
--reveal-checkbox-opacity-hover: 1;
--reveal-checkbox-opacity-active: .6;
--reveal-checkbox-opacity-active: 0.6;
}
}
@@ -64,7 +64,6 @@ form {
display: none;
}
:host(:not([data-editing])) input[type="password"]:read-only,
input[type="text"]:read-only,
input[type="url"]:read-only {
@@ -115,16 +114,17 @@ input[name="password"] {
flex-grow: 1;
}
origin-warning, password-warning {
origin-warning,
password-warning {
display: none;
}
input[type = "url"]:focus:not(:user-invalid):invalid ~ origin-warning,
input[type = "url"]:focus:user-invalid:not(:placeholder-shown) ~ origin-warning {
input[type="url"]:focus:not(:user-invalid):invalid ~ origin-warning,
input[type="url"]:focus:user-invalid:not(:placeholder-shown) ~ origin-warning {
display: block;
}
input[name = "password"]:focus ~ password-warning {
input[name="password"]:focus ~ password-warning {
display: block;
}

2
browser/components/aboutlogins/content/components/login-list.css
View File

@@ -106,7 +106,7 @@ ol {
display: block;
position: sticky;
top: 0;
font-size: .85em;
font-size: 0.85em;
font-weight: var(--font-weight-bold);
padding: 4px 16px;
border-bottom: 1px solid var(--in-content-border-color);

2
browser/components/aboutlogins/content/components/login-message-popup.css
View File

@@ -6,7 +6,7 @@
position: absolute;
inset-inline-start: 315px;
width: 232px;
box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.18);
box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.18);
top: 0;
}

4
browser/components/aboutlogins/content/components/remove-logins-dialog.css
View File

@@ -2,13 +2,13 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
.overlay {
.overlay {
position: fixed;
z-index: 1;
inset: 0;
/* TODO: this color is used in the about:preferences overlay, but
why isn't it declared as a variable? */
background-color: rgba(0,0,0,0.5);
background-color: rgba(0, 0, 0, 0.5);
display: flex;
}

6
browser/extensions/formautofill/skin/shared/editAddress.css
View File

@@ -19,7 +19,9 @@
flex: 0 1 100%;
}
input, textarea, select {
input,
textarea,
select {
width: 100%;
margin: 0;
}
@@ -44,7 +46,7 @@
display: flex;
align-items: center;
text-align: start;
opacity: .5;
opacity: 0.5;
padding-inline-start: 1em;
flex: 1;
}

15
browser/extensions/formautofill/skin/shared/editDialog-shared.css
View File

@@ -3,10 +3,10 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
:root {
--in-field-label-size: .8em;
--in-field-label-size: 0.8em;
--grid-column-row-gap: 8px;
/* Use the animation-easing-function that is defined in global-shared.css. */
--animation-easing-function: cubic-bezier(.07,.95,0,1);
--animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1);
}
/* The overly specific input attributes are required to override
@@ -17,7 +17,7 @@ form input[type="text"],
form textarea,
form select {
flex-grow: 1;
padding-top: calc(var(--in-field-label-size) + .4em);
padding-top: calc(var(--in-field-label-size) + 0.4em);
}
form input[type="tel"] {
@@ -50,12 +50,13 @@ form div {
form :is(label, div) .label-text {
position: absolute;
opacity: .5;
opacity: 0.5;
pointer-events: none;
inset-inline-start: 10px;
top: .2em;
transition: top .2s var(--animation-easing-function),
font-size .2s var(--animation-easing-function);
top: 0.2em;
transition:
top 0.2s var(--animation-easing-function),
font-size 0.2s var(--animation-easing-function);
}
form :is(label, div):focus-within .label-text,

9
toolkit/components/satchel/megalist/content/components/login-form/login-form.css
View File

@@ -9,15 +9,18 @@
}
/* Add spacing between fieldset legend text and fields */
login-origin-field, login-password-field {
login-origin-field,
login-password-field {
margin-block-start: var(--space-medium);
}
origin-warning, password-warning {
origin-warning,
password-warning {
display: none;
}
origin-warning.invalid-input, password-warning.invalid-input {
origin-warning.invalid-input,
password-warning.invalid-input {
display: block;
}

4
toolkit/components/satchel/megalist/content/components/login-line/login-line.css
View File

@@ -8,7 +8,7 @@
--inner-border-radius: calc(var(--outer-border-radius) - 2px);
--alert-color: var(--icon-color-warning);
--input-field-color: var(--link-color);
--input-field-color-hover: var(--button-text-color-hover);
--input-field-color-hover: var(--button-text-color-hover);
--copy-tansition: opacity 250ms linear;
background-color: var(--background-color-box);
color: inherit;
@@ -209,7 +209,7 @@
margin: 0;
height: var(--icon-size-default);
width: var(--icon-size-default);
-moz-context-properties: fill;
-moz-context-properties: fill;
fill: var(--icon-color);
}

2
toolkit/components/satchel/megalist/content/megalist.css
View File

@@ -78,7 +78,7 @@ login-form {
gap: var(--space-small);
> moz-button {
width: 100%
width: 100%;
}
}