UI: Design adjustments (#5745)
This commit is contained in:
parent
a65d6e0697
commit
71b4db4819
@ -39,7 +39,7 @@
|
|||||||
|
|
||||||
.settings-content {
|
.settings-content {
|
||||||
border-top: 1px solid transparent;
|
border-top: 1px solid transparent;
|
||||||
transition: border-top-color 250ms ease-in-out;
|
transition: border-top-color 0.2s ease-in-out;
|
||||||
height: calc(100% - var(--header-height));
|
height: calc(100% - var(--header-height));
|
||||||
|
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
|||||||
@ -9,7 +9,7 @@
|
|||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
|
||||||
border-top: 1px solid transparent;
|
border-top: 1px solid transparent;
|
||||||
transition: border-top-color 250ms ease-in-out;
|
transition: border-top-color 0.2s ease-in-out;
|
||||||
|
|
||||||
&.scrolled {
|
&.scrolled {
|
||||||
border-top-color: var(--color-borders);
|
border-top-color: var(--color-borders);
|
||||||
|
|||||||
@ -34,7 +34,7 @@
|
|||||||
|
|
||||||
.panel-content {
|
.panel-content {
|
||||||
border-top: 1px solid transparent;
|
border-top: 1px solid transparent;
|
||||||
transition: border-top-color 250ms ease-in-out;
|
transition: border-top-color 0.2s ease-in-out;
|
||||||
|
|
||||||
&.scrolled {
|
&.scrolled {
|
||||||
border-top-color: var(--color-borders);
|
border-top-color: var(--color-borders);
|
||||||
|
|||||||
@ -4,7 +4,7 @@
|
|||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
|
||||||
border-top: 1px solid transparent;
|
border-top: 1px solid transparent;
|
||||||
transition: border-top-color 0.3s ease-in-out;
|
transition: border-top-color 0.2s ease-in-out;
|
||||||
|
|
||||||
:global(.lovely-chart--container) {
|
:global(.lovely-chart--container) {
|
||||||
font: inherit !important;
|
font: inherit !important;
|
||||||
|
|||||||
@ -10,6 +10,7 @@
|
|||||||
left: 4.5rem;
|
left: 4.5rem;
|
||||||
right: 0;
|
right: 0;
|
||||||
height: 0.0625rem;
|
height: 0.0625rem;
|
||||||
|
|
||||||
/* stylelint-disable-next-line plugin/whole-pixel */
|
/* stylelint-disable-next-line plugin/whole-pixel */
|
||||||
box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers);
|
box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers);
|
||||||
}
|
}
|
||||||
@ -43,8 +44,12 @@
|
|||||||
left: 3.25rem;
|
left: 3.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.narrow::after {
|
||||||
|
left: 4.1875rem;
|
||||||
|
}
|
||||||
|
|
||||||
&.no-icon::after {
|
&.no-icon::after {
|
||||||
left: 0;
|
left: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user