r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Calibrated checkbox animation

Browse Source
This commit is contained in:
morethanwords 2021-01-20 06:02:43 +04:00
parent c978cbec94
commit 5850e1594d
3 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/scss/partials/_avatar.scss
View File

@ -46,6 +46,14 @@ avatar-element {
--color-bottom: var(--peer-avatar-pink-bottom); --color-bottom: var(--peer-avatar-pink-bottom);
} }
&.tgico:before {
font-size: calc(32px / var(--multiplier));
}
&.tgico-calendarfilter:before {
font-size: calc(36px / var(--multiplier));
}
&.tgico-savedmessages:before { &.tgico-savedmessages:before {
font-size: calc(25px / var(--multiplier)); font-size: calc(25px / var(--multiplier));
} }
@ -54,10 +62,6 @@ avatar-element {
font-size: calc(54px / var(--multiplier)); font-size: calc(54px / var(--multiplier));
} }
&.tgico-calendarfilter:before {
font-size: calc(36px / var(--multiplier));
}
&:before { &:before {
line-height: inherit !important; line-height: inherit !important;
} }

6
src/scss/partials/_chatBubble.scss
View File

@ -191,6 +191,12 @@ $bubble-margin: .25rem;
.checkbox-box-background { .checkbox-box-background {
background-color: #61c642; background-color: #61c642;
} }
.checkbox-box-check {
use {
stroke-width: 3.5;
}
}
} }
& > &-select-checkbox { & > &-select-checkbox {

4
src/scss/partials/_checkbox.scss
View File

@ -65,7 +65,7 @@
stroke-linecap: round; stroke-linecap: round;
stroke-dasharray: 24.19, 24.19; stroke-dasharray: 24.19, 24.19;
stroke-dashoffset: 0; stroke-dashoffset: 0;
transition: stroke-dasharray .1s .2s ease-in-out, visibility 0s .2s; transition: stroke-dasharray .1s .15s ease-in-out, visibility 0s .15s;
} }
} }
} }
@ -208,7 +208,7 @@
} }
.checkbox-box-background { .checkbox-box-background {
transition: transform .2s .1s ease-in-out; transition: transform .2s .05s ease-in-out;
transform: scale(0); transform: scale(0);
} }
} }