mirror of
https://github.com/zen-browser/desktop.git
synced 2025-07-07 21:49:58 +02:00
feat: Initial design for status panel, b=(no-bug), c=common
This commit is contained in:
parent
6fa0e814de
commit
cc1e375cd1
1 changed files with 26 additions and 0 deletions
|
@ -412,3 +412,29 @@ menuseparator {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
min-width: unset !important;
|
min-width: unset !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#statuspanel {
|
||||||
|
&:not([hidden]) {
|
||||||
|
bottom: 6px;
|
||||||
|
left: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not([mirror]):-moz-locale-dir(rtl),
|
||||||
|
&[mirror]:-moz-locale-dir(ltr) {
|
||||||
|
left: auto;
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
& #statuspanel-label {
|
||||||
|
background: color-mix(in srgb, var(--zen-colors-primary) 80%, #0f0f0f 20%) !important;
|
||||||
|
border-radius: 99px !important;
|
||||||
|
padding: 3px 7px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: white;
|
||||||
|
border: none !important;
|
||||||
|
outline: 1px solid rgba(255, 255, 255, 0.2);
|
||||||
|
font-size: small;
|
||||||
|
outline-offset: -1px;
|
||||||
|
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue