From 5850e1594dc146b949204a90ab2645b709de0f2e Mon Sep 17 00:00:00 2001
From: morethanwords <thanwords24@gmail.com>
Date: Wed, 20 Jan 2021 06:02:43 +0400
Subject: [PATCH] Calibrated checkbox animation

---
 src/scss/partials/_avatar.scss     | 12 ++++++++----
 src/scss/partials/_chatBubble.scss |  6 ++++++
 src/scss/partials/_checkbox.scss   |  4 ++--
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/scss/partials/_avatar.scss b/src/scss/partials/_avatar.scss
index 6f505e08..64d9dbd1 100644
--- a/src/scss/partials/_avatar.scss
+++ b/src/scss/partials/_avatar.scss
@@ -46,6 +46,14 @@ avatar-element {
     --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 {
     font-size: calc(25px / var(--multiplier));
   }
@@ -54,10 +62,6 @@ avatar-element {
     font-size: calc(54px / var(--multiplier));
   }
 
-  &.tgico-calendarfilter:before {
-    font-size: calc(36px / var(--multiplier));
-  }
-
   &:before {
     line-height: inherit !important;
   }
diff --git a/src/scss/partials/_chatBubble.scss b/src/scss/partials/_chatBubble.scss
index b7d3f045..bcf5fa7d 100644
--- a/src/scss/partials/_chatBubble.scss
+++ b/src/scss/partials/_chatBubble.scss
@@ -191,6 +191,12 @@ $bubble-margin: .25rem;
     .checkbox-box-background {
       background-color: #61c642;
     }
+
+    .checkbox-box-check {
+      use {
+        stroke-width: 3.5;
+      }
+    }
   }
 
   & > &-select-checkbox {
diff --git a/src/scss/partials/_checkbox.scss b/src/scss/partials/_checkbox.scss
index fca4bcbd..5e23e623 100644
--- a/src/scss/partials/_checkbox.scss
+++ b/src/scss/partials/_checkbox.scss
@@ -65,7 +65,7 @@
         stroke-linecap: round;
         stroke-dasharray: 24.19, 24.19;
         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 {
-      transition: transform .2s .1s ease-in-out;
+      transition: transform .2s .05s ease-in-out;
       transform: scale(0);
     }
   }