browser/themes/shared/tabbrowser/tab-groups-list.css
Propagation: 100%
Back to Home/* This Source Code Form is subject to the terms of the Mozilla Public
* 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/. */
tab-groups-list:not([hidden]) {
display: flex;
flex-direction: column;
}
.tab-group-row {
display: flex;
align-items: center;
gap: var(--space-small);
border: none;
flex: 1;
text-align: start;
color: var(--button-text-color-menu);
background-color: var(--button-background-color-menu);
&:not([disabled]):hover {
color: var(--button-text-color-menu-hover);
background-color: var(--button-background-color-menu-hover);
&:active {
color: var(--button-text-color-menu-active);
background-color: var(--button-background-color-menu-active);
}
}
&:focus-visible {
outline: var(--focus-outline);
outline-offset: var(--focus-outline-inset);
}
}
.tab-group-row-icon {
width: var(--icon-size-small);
height: var(--icon-size-small);
flex-shrink: 0;
pointer-events: none;
-moz-context-properties: fill, stroke;
/* These variable values are set inline by the TabGroupsList component */
/* stylelint-disable-next-line stylelint-plugin-mozilla/use-design-tokens */
fill: light-dark(var(--tab-group-color), var(--tab-group-color-invert));
/* stylelint-disable-next-line stylelint-plugin-mozilla/use-design-tokens */
stroke: light-dark(var(--tab-group-color), var(--tab-group-color-invert));
&.tab-group-icon-closed {
fill: transparent;
}
}
.tab-group-row-label {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
}