mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-02 09:18:36 +02:00
c758f0801b
Adds an `expanded` property, which, if enabled, shows labels along with their respective icons within the sidebar menu. Currently, this property is not controllable from the UI. As I understand it, the follow-up bugs are responsible for addressing that. https://treeherder.mozilla.org/#/jobs?repo=try&revision=f269729808eed19051bea5fe4eb41550ff94ce03 Differential Revision: https://phabricator.services.mozilla.com/D210187
35 lines
921 B
CSS
35 lines
921 B
CSS
/* 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 https://mozilla.org/MPL/2.0/. */
|
|
|
|
.wrapper {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
padding: var(--space-medium);
|
|
border-inline-end: 1px solid var(--chrome-content-separator-color);
|
|
background-color: var(--sidebar-background-color);
|
|
color: var(--sidebar-text-color);
|
|
:host([positionend]) & {
|
|
border-inline-start: 1px solid var(--chrome-content-separator-color);
|
|
border-inline-end: none;
|
|
}
|
|
}
|
|
|
|
.actions-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: end;
|
|
gap: var(--space-xsmall);
|
|
}
|
|
|
|
.expanded-button {
|
|
width: 100%;
|
|
|
|
&::part(button) {
|
|
font-size: var(--font-size-large);
|
|
font-weight: var(--font-weight);
|
|
justify-content: flex-start;
|
|
}
|
|
}
|