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

Bug 1606785 - Format firefoxview CSS files with Prettier r=fxview-reviewers,desktop-theme-reviewers,dao,jsudiaman

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

10
browser/components/firefoxview/card-container.css
View File

@@ -113,8 +113,8 @@
display: none;
}
::slotted([slot=header]),
::slotted([slot=secondary-header]) {
::slotted([slot="header"]),
::slotted([slot="secondary-header"]) {
align-self: center;
margin: 0;
font-size: 1.13em;
@@ -125,12 +125,12 @@
white-space: nowrap;
}
::slotted([slot=header]) {
::slotted([slot="header"]) {
flex: 1;
width: 0;
}
::slotted([slot=secondary-header]) {
::slotted([slot="secondary-header"]) {
padding-inline-end: 1em;
}
@@ -141,7 +141,7 @@
cursor: pointer;
}
::slotted([slot=footer]:not([hidden])) {
::slotted([slot="footer"]:not([hidden])) {
text-decoration: underline;
display: inline-block;
outline-offset: 2px;

20
browser/components/firefoxview/firefoxview.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/. */
@import url("chrome://global/skin/in-content/common.css");
@import url("chrome://global/skin/in-content/common.css");
:root {
/* override --in-content-page-background from common-shared.css */
background-color: transparent;
--fxview-background-color: var(--newtab-background-color, var(--in-content-page-background));
--fxview-background-color-secondary: var(--newtab-background-color-secondary, #FFFFFF);
--fxview-background-color-secondary: var(--newtab-background-color-secondary, #ffffff);
--fxview-element-background-hover: color-mix(in srgb, var(--fxview-background-color) 90%, currentColor);
--fxview-element-background-active: color-mix(in srgb, var(--fxview-background-color) 80%, currentColor);
--fxview-text-primary-color: var(--newtab-text-primary-color, var(--in-content-page-color));
@@ -17,7 +17,7 @@
--fxview-primary-action-background: var(--newtab-primary-action-background, #0061e0);
--fxview-border: var(--border-color-transparent);
--fxview-border-interactive: var(--border-color-interactive);
--fxview-indicator-stroke-color-hover: #DEDDDE;
--fxview-indicator-stroke-color-hover: #deddde;
/* ensure utility button hover states match those of the rest of the page */
--in-content-button-background-hover: var(--fxview-element-background-hover);
@@ -29,7 +29,7 @@
--fxview-card-padding-inline: 4px;
/* copy over newtab background color from activity-stream-[os].css files */
--newtab-background-color: #F9F9FB;
--newtab-background-color: #f9f9fb;
--fxview-card-header-font-weight: 500;
}
@@ -38,10 +38,10 @@
:root {
--fxview-element-background-hover: color-mix(in srgb, var(--fxview-background-color) 80%, white);
--fxview-element-background-active: color-mix(in srgb, var(--fxview-background-color) 60%, white);
--fxview-indicator-stroke-color-hover:#5D5C66;
--fxview-indicator-stroke-color-hover: #5d5c66;
/* copy over newtab colors from activity-stream-[os].css files */
--newtab-background-color: #2B2A33;
--newtab-background-color: #2b2a33;
--newtab-background-color-secondary: #42414d;
--newtab-primary-action-background: #00ddff;
}
@@ -111,13 +111,7 @@ body {
padding-inline: calc(var(--fxview-card-padding-inline) * 2);
margin: 0 calc(var(--fxview-card-padding-inline) * -1);
background:
linear-gradient(
to bottom,
var(--fxview-background-color) 0%,
var(--fxview-background-color) 95%,
transparent 100%
);
background: linear-gradient(to bottom, var(--fxview-background-color) 0%, var(--fxview-background-color) 95%, transparent 100%);
/* When you use HCM or set custom colors, you can't use a gradient. */
@media (forced-colors) {
background: var(--fxview-background-color);

2
browser/components/firefoxview/fxview-tab-row.css
View File

@@ -108,7 +108,7 @@
}
.fxview-tab-row-button::part(button) {
color: var(--fxview-text-primary-color)
color: var(--fxview-text-primary-color);
}
.fxview-tab-row-button[muted="true"]::part(button) {

2
browser/components/firefoxview/history.css
View File

@@ -59,7 +59,7 @@ moz-button.close::part(button) {
dialog {
border: 1px solid transparent;
border-radius: 8px;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
padding: 24px;
}

4
browser/components/firefoxview/opentabs-tab-row.css
View File

@@ -59,11 +59,11 @@
position: absolute;
&[muted="true"] {
background-image: url("chrome://global/skin/media/audio-muted.svg");
background-image: url("chrome://global/skin/media/audio-muted.svg");
}
&[soundplaying="true"] {
background-image: url("chrome://global/skin/media/audio.svg");
background-image: url("chrome://global/skin/media/audio.svg");
}
&:active,

3
browser/components/firefoxview/view-opentabs.css
View File

@@ -24,7 +24,8 @@
}
}
.open-tabs-options, .open-tabs-sort-wrapper {
.open-tabs-options,
.open-tabs-sort-wrapper {
display: flex;
gap: 24px;
}

6
browser/components/firefoxview/view-syncedtabs.css
View File

@@ -16,15 +16,15 @@
.phone,
.mobile {
background-image: url('chrome://browser/skin/device-phone.svg');
background-image: url("chrome://browser/skin/device-phone.svg");
}
.desktop {
background-image: url('chrome://browser/skin/device-desktop.svg');
background-image: url("chrome://browser/skin/device-desktop.svg");
}
.tablet {
background-image: url('chrome://browser/skin/device-tablet.svg');
background-image: url("chrome://browser/skin/device-tablet.svg");
}
h2 {