UBER-269: Fix mini toggle (#3271)

This commit is contained in:
Andrey Sobolev 2023-05-28 13:42:07 +07:00 committed by GitHub
parent 33d46ae734
commit bfaa2b00e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 6 deletions

View File

@ -61,13 +61,13 @@
overflow: hidden; overflow: hidden;
&:checked + .toggle-switch { &:checked + .toggle-switch {
background-color: var(--toggle-on-bg-color); background-color: var(--theme-toggle-on-bg-color);
&:hover { &:hover {
background-color: var(--toggle-on-bg-hover); background-color: var(--theme-toggle-on-bg-hover);
} }
&:before { &:before {
left: 9px; left: 9px;
background: var(--toggle-on-sw-color); background: var(--theme-toggle-on-sw-color);
} }
} }
&:not(:disabled) + .toggle-switch { &:not(:disabled) + .toggle-switch {
@ -88,7 +88,7 @@
width: 22px; width: 22px;
height: 14px; height: 14px;
border-radius: 4.5rem; border-radius: 4.5rem;
background-color: var(--toggle-bg-color); background-color: var(--theme-toggle-bg-color);
transition: left 0.2s, background-color 0.2s; transition: left 0.2s, background-color 0.2s;
&:before { &:before {
content: ''; content: '';
@ -99,12 +99,12 @@
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 50%; border-radius: 50%;
background: var(--toggle-sw-color); background: var(--theme-toggle-sw-color);
// box-shadow: 1px 2px 7px rgba(119, 129, 142, 0.1); // box-shadow: 1px 2px 7px rgba(119, 129, 142, 0.1);
transition: all 0.1s ease-out; transition: all 0.1s ease-out;
} }
&:hover { &:hover {
background-color: var(--toggle-bg-hover); background-color: var(--theme-toggle-bg-hover);
} }
} }

View File

@ -128,6 +128,7 @@
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
padding: 0.5rem 0; padding: 0.5rem 0;
color: var(--theme-caption-color);
&.read { &.read {
opacity: 0.6; opacity: 0.6;