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

Bug 1606785 - Format browser/themes/preferences CSS files with Prettier r=settings-reviewers,desktop-theme-reviewers,dao,mconley

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D249187
This commit is contained in:
hannajones
2025-05-21 03:51:45 +00:00
committed by hjones@mozilla.com
parent a7a4f31251
commit 686c1cf85f
6 changed files with 40 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/themes/shared/preferences/containers-dialog.css
View File

@@ -37,11 +37,11 @@ radio > .userContext-icon {
block-size: 22px; block-size: 22px;
} }
.radio-buttons > radio[selected=true] { .radio-buttons > radio[selected="true"] {
outline-color: var(--in-content-text-color); outline-color: var(--in-content-text-color);
} }
.radio-buttons > radio[focused=true] { .radio-buttons > radio[focused="true"] {
outline-color: var(--color-accent-primary); outline-color: var(--color-accent-primary);
} }

10
browser/themes/shared/preferences/fxaPairDevice.css
View File

@@ -43,7 +43,7 @@
width: 200px; width: 200px;
background-size: contain; background-size: contain;
image-rendering: -moz-crisp-edges; image-rendering: -moz-crisp-edges;
transition: filter 250ms cubic-bezier(.07,.95,0,1); transition: filter 250ms cubic-bezier(0.07, 0.95, 0, 1);
} }
#qrWrapper:not([pairing-status="ready"]) #qrContainer { #qrWrapper:not([pairing-status="ready"]) #qrContainer {
@@ -73,7 +73,7 @@
height: 200px; height: 200px;
width: 200px; width: 200px;
content: ""; content: "";
transition: opacity 250ms cubic-bezier(.07,.95,0,1); transition: opacity 250ms cubic-bezier(0.07, 0.95, 0, 1);
will-change: transform; will-change: transform;
margin-inline: auto; margin-inline: auto;
} }
@@ -91,7 +91,7 @@
position: absolute; position: absolute;
inset: 0; inset: 0;
margin-inline: auto; margin-inline: auto;
transition: opacity 250ms cubic-bezier(.07,.95,0,1); transition: opacity 250ms cubic-bezier(0.07, 0.95, 0, 1);
cursor: pointer; cursor: pointer;
} }
@@ -99,7 +99,7 @@
text-align: center; text-align: center;
user-select: none; user-select: none;
display: block; display: block;
color: #2484C6; color: #2484c6;
cursor: pointer; cursor: pointer;
} }
@@ -109,7 +109,7 @@
background-image: url("chrome://global/skin/icons/reload.svg"); background-image: url("chrome://global/skin/icons/reload.svg");
background-size: contain; background-size: contain;
-moz-context-properties: fill; -moz-context-properties: fill;
fill: #2484C6; fill: #2484c6;
} }
@keyframes spin { @keyframes spin {

41
browser/themes/shared/preferences/preferences.css
View File

@@ -32,7 +32,6 @@
vertical-align: top; /* See bug 1606130 */ vertical-align: top; /* See bug 1606130 */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
/* /*
@@ -122,7 +121,7 @@ label {
} }
.tip-caption { .tip-caption {
font-size: .9em; font-size: 0.9em;
color: var(--text-color-deemphasized); color: var(--text-color-deemphasized);
} }
@@ -614,7 +613,7 @@ html|dialog {
html|dialog::backdrop, html|dialog::backdrop,
.dialogOverlay[topmost="true"] { .dialogOverlay[topmost="true"] {
background-color: rgba(0,0,0,0.5); background-color: rgba(0, 0, 0, 0.5);
} }
html|dialog, html|dialog,
@@ -653,7 +652,7 @@ html|dialog,
} }
.dialogTitleBar { .dialogTitleBar {
padding: .4em .2em; padding: 0.4em 0.2em;
border-bottom: 1px solid var(--in-content-border-color); border-bottom: 1px solid var(--in-content-border-color);
} }
@@ -739,7 +738,7 @@ html|dialog,
} }
.fxaProfileImage.actionable:hover { .fxaProfileImage.actionable:hover {
border-color: #0095DD; border-color: #0095dd;
} }
.fxaProfileImage.actionable:hover:active { .fxaProfileImage.actionable:hover:active {
@@ -807,7 +806,7 @@ html|dialog,
.fxaLoginRejectedWarning { .fxaLoginRejectedWarning {
list-style-image: url(chrome://global/skin/icons/warning.svg); list-style-image: url(chrome://global/skin/icons/warning.svg);
-moz-context-properties: fill; -moz-context-properties: fill;
fill: #FFBF00; fill: #ffbf00;
margin-inline: 4px 8px; margin-inline: 4px 8px;
} }
@@ -1031,16 +1030,16 @@ dialog > .sync-engines-list + hbox {
max-width: 10em; max-width: 10em;
font-size: 1rem; font-size: 1rem;
position: absolute; position: absolute;
padding: 0 .7em; padding: 0 0.7em;
background-color: #ffe900; background-color: #ffe900;
color: #000; color: #000;
border: 1px solid #d7b600; border: 1px solid #d7b600;
margin-top: -18px; margin-top: -18px;
opacity: .85; opacity: 0.85;
} }
.search-tooltip:hover { .search-tooltip:hover {
opacity: .1; opacity: 0.1;
} }
.search-tooltip::before { .search-tooltip::before {
@@ -1089,7 +1088,7 @@ dialog > .sync-engines-list + hbox {
display: none !important; display: none !important;
} }
menulist[indicator=true] > menupopup menuitem:not([image]) > .menu-icon { menulist[indicator="true"] > menupopup menuitem:not([image]) > .menu-icon {
display: flex; display: flex;
min-width: auto; /* Override the min-width defined in menu.css */ min-width: auto; /* Override the min-width defined in menu.css */
margin-inline-end: 6px; margin-inline-end: 6px;
@@ -1097,7 +1096,7 @@ menulist[indicator=true] > menupopup menuitem:not([image]) > .menu-icon {
height: 10px; height: 10px;
} }
menulist[indicator=true] > menupopup menuitem[indicator=true]:not([image]) > .menu-icon { menulist[indicator="true"] > menupopup menuitem[indicator="true"]:not([image]) > .menu-icon {
list-style-image: url(chrome://browser/skin/preferences/search-arrow-indicator.svg); list-style-image: url(chrome://browser/skin/preferences/search-arrow-indicator.svg);
&:-moz-locale-dir(rtl) { &:-moz-locale-dir(rtl) {
@@ -1223,8 +1222,8 @@ richlistitem .text-link:hover {
align-items: baseline; align-items: baseline;
} }
.checkbox-row input[type=checkbox] { .checkbox-row input[type="checkbox"] {
translate: 0 2px translate: 0 2px;
} }
.checkbox-row a { .checkbox-row a {
@@ -1288,7 +1287,7 @@ richlistitem .text-link:hover {
} }
#solo-ai { #solo-ai {
background-image: url("chrome://browser/skin/preferences/solo-ai-logo.svg") background-image: url("chrome://browser/skin/preferences/solo-ai-logo.svg");
} }
/* /*
@@ -1340,7 +1339,7 @@ richlistitem .text-link:hover {
} }
.qr-code-box-title { .qr-code-box-title {
font-size: .87em; font-size: 0.87em;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
@@ -1356,7 +1355,7 @@ richlistitem .text-link:hover {
.simple .qr-code-box { .simple .qr-code-box {
padding-inline: var(--space-xlarge); padding-inline: var(--space-xlarge);
padding-block: 20px padding-block: 20px;
} }
.simple .qr-code-box-image { .simple .qr-code-box-image {
@@ -1364,12 +1363,12 @@ richlistitem .text-link:hover {
} }
#moreFromMozillaCategory .qr-code-link { #moreFromMozillaCategory .qr-code-link {
font-size: .87em; font-size: 0.87em;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.qr-code-box:not([hidden="true"]) { .qr-code-box:not([hidden="true"]) {
background-color: rgba(91,91,102,0.45); background-color: rgba(91, 91, 102, 0.45);
} }
.qr-code-box-title { .qr-code-box-title {
@@ -1425,14 +1424,14 @@ richlistitem .text-link:hover {
border: 1px solid var(--in-content-box-border-color); border: 1px solid var(--in-content-box-border-color);
border-radius: 4px; border-radius: 4px;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
transform: scaleX(1); transform: scaleX(1);
content: url("chrome://browser/content/preferences/web-appearance-light.svg") content: url("chrome://browser/content/preferences/web-appearance-light.svg");
} }
.web-appearance-choice.dark img { .web-appearance-choice.dark img {
content: url("chrome://browser/content/preferences/web-appearance-dark.svg") content: url("chrome://browser/content/preferences/web-appearance-dark.svg");
} }
.web-appearance-choice img:-moz-locale-dir(rtl) { .web-appearance-choice img:-moz-locale-dir(rtl) {

2
browser/themes/shared/preferences/privacy.css
View File

@@ -330,7 +330,7 @@
} }
#openSearchEnginePreferences { #openSearchEnginePreferences {
margin-block-start: .5em; margin-block-start: 0.5em;
} }
#firefoxSuggestDataCollectionSearchToggle, #firefoxSuggestDataCollectionSearchToggle,

4
browser/themes/shared/preferences/search.css
View File

@@ -14,7 +14,7 @@
} }
#engineList { #engineList {
margin: .5em 0; margin: 0.5em 0;
} }
#engineList treechildren::-moz-tree-image(engineName) { #engineList treechildren::-moz-tree-image(engineName) {
@@ -66,7 +66,7 @@
margin-bottom: 1em; margin-bottom: 1em;
} }
#removeEngineButton{ #removeEngineButton {
margin-inline-end: 0; margin-inline-end: 0;
} }

18
browser/themes/shared/preferences/translations.css
View File

@@ -4,7 +4,7 @@
#translations-settings-header { #translations-settings-header {
margin-top: var(--space-xlarge); margin-top: var(--space-xlarge);
margin-bottom: calc( 2 * var(--space-small)); margin-bottom: calc(2 * var(--space-small));
} }
.translations-settings-manage-section { .translations-settings-manage-section {
@@ -12,7 +12,7 @@
} }
.translations-settings-manage-language { .translations-settings-manage-language {
margin: 0 calc( 2 * var(--space-small)); margin: 0 calc(2 * var(--space-small));
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@@ -21,9 +21,11 @@
.translations-settings-manage-section-info { .translations-settings-manage-section-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
h2, p, a { h2,
p,
a {
display: block; display: block;
margin: var(--space-small) calc( 2 * var(--space-small)); margin: var(--space-small) calc(2 * var(--space-small));
} }
a { a {
display: block; display: block;
@@ -32,8 +34,8 @@
.translations-settings-languages-card { .translations-settings-languages-card {
flex-direction: column; flex-direction: column;
max-height: calc( 14 * var(--space-xlarge)); max-height: calc(14 * var(--space-xlarge));
padding-inline: calc( 2 * var(--space-small)); padding-inline: calc(2 * var(--space-small));
&[hidden] { &[hidden] {
display: none; display: none;
@@ -44,7 +46,7 @@
} }
.translations-settings-language-header { .translations-settings-language-header {
margin: calc( 2 * var(--space-small)) 0; margin: calc(2 * var(--space-small)) 0;
font-size: var(--font-size-root); font-size: var(--font-size-root);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
} }
@@ -60,7 +62,7 @@
padding: var(--space-small) 0; padding: var(--space-small) 0;
border-top: 1px solid var(--in-content-border-color); border-top: 1px solid var(--in-content-border-color);
label { label {
margin: 0 calc( 2 * var(--space-small)); margin: 0 calc(2 * var(--space-small));
} }
} }
.translations-settings-language-error { .translations-settings-language-error {