hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-12-22 19:11:33 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UBER-269: Fix mini toggle (#3271)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/ui/src/components/MiniToggle.svelte
View File

@ -61,13 +61,13 @@
overflow: hidden;
&:checked + .toggle-switch {
background-color: var(--toggle-on-bg-color);
background-color: var(--theme-toggle-on-bg-color);
&:hover {
background-color: var(--toggle-on-bg-hover);
background-color: var(--theme-toggle-on-bg-hover);
}
&:before {
left: 9px;
background: var(--toggle-on-sw-color);
background: var(--theme-toggle-on-sw-color);
}
}
&:not(:disabled) + .toggle-switch {
@ -88,7 +88,7 @@
width: 22px;
height: 14px;
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;
&:before {
content: '';
@ -99,12 +99,12 @@
width: 10px;
height: 10px;
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);
transition: all 0.1s ease-out;
}
&:hover {
background-color: var(--toggle-bg-hover);
background-color: var(--theme-toggle-bg-hover);
}
}

1
plugins/notification-resources/src/components/NotificationView.svelte
View File

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