Files
tubestation/browser/themes/shared/preferences/containers-dialog.css
Emilio Cobos Álvarez cdff2ecc8e Bug 1820534 - Move front-end to modern flexbox. r=Gijs,dao,settings-reviewers,credential-management-reviewers,sgalich,devtools-reviewers,nchevobbe
Done mostly automatically via find/replace following the conversions
specified here:

  https://groups.google.com/a/mozilla.org/g/firefox-dev/c/9sGpF1TNbLk/m/QpU3oTUuAgAJ

For the most part I think the "flex: N N" usage could be simplified to
just "flex: N", but I wanted to preserve behavior (-moz-box-flex sets
both flex-grow and flex-shrink).

I changed legacy layout to also look at the order property rather than
-moz-box-ordinal-group because it made splitters and treecols easier (we
don't need to deal with both orders).

Differential Revision: https://phabricator.services.mozilla.com/D171715
2023-03-08 16:13:57 +00:00

51 lines
1.0 KiB
CSS

/* 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/. */
@import url("chrome://browser/content/usercontext/usercontext.css");
#name {
flex: 1;
}
.radio-buttons {
flex-direction: row;
margin-inline-start: 0.35rem;
}
.radio-buttons > radio {
user-select: none;
outline: 2px solid transparent;
outline-offset: 4px;
min-block-size: 24px;
min-inline-size: 24px;
border-radius: 50%;
padding: 2px;
margin: 9px;
}
.icon-buttons > radio > .userContext-icon {
fill: var(--in-content-text-color);
}
.radio-buttons > radio {
padding-inline-start: 2px;
}
radio > .userContext-icon {
inline-size: 22px;
block-size: 22px;
}
.radio-buttons > radio[selected=true] {
outline-color: var(--in-content-text-color);
}
.radio-buttons > radio[focused=true] {
outline-color: var(--in-content-accent-color);
}
.radio-buttons > radio:hover:active {
outline-color: var(--in-content-accent-color-active);
}