Message: Fix select icon position (#6758)

src/components/common/Audio.tsx

@@ -423,7 +423,7 @@ const Audio = ({
     <div className={fullClassName} dir={lang.isRtl ? 'rtl' : 'ltr'}>
       {isSelectable && (
         <div className="message-select-control no-selection">
-          {isSelected && <Icon name="select" />}
+          {isSelected && <Icon name="check" className="message-select-control-icon" />}
         </div>
       )}
       {renderTooglePlayWrapper()}

src/components/common/File.tsx

@@ -103,7 +103,7 @@ const File = ({
     <div id={id} ref={elementRef} className={fullClassName} dir={lang.isRtl ? 'rtl' : undefined}>
       {isSelectable && (
         <div className="message-select-control no-selection">
-          {isSelected && <Icon name="select" />}
+          {isSelected && <Icon name="check" className="message-select-control-icon" />}
         </div>
       )}
       <div className="file-icon-container" onClick={isUploading ? undefined : onClick}>

src/components/middle/message/Message.scss

@@ -440,8 +440,8 @@
   }
 
   .Audio .message-select-control {
-    top: 1.375rem;
-    left: 1.0625rem;
+    top: 1.75rem;
+    left: 1.75rem;
   }
 
   html.theme-dark &.own .Audio .toggle-play:not(.with-image) + .media-loading {
@@ -655,11 +655,8 @@
 
     transition: opacity var(--select-transition);
 
-    .icon-select {
-      position: absolute;
-      top: -3px;
-      left: -3px;
-      font-size: 1.625rem;
+    &-icon {
+      font-weight: 600;
     }
 
     .theme-dark & {

src/components/middle/message/Message.tsx

@@ -1833,7 +1833,7 @@ const Message = ({
       />
       {!isInDocumentGroup && (
         <div className="message-select-control no-selection">
-          {isSelected && <Icon name="select" />}
+          {isSelected && <Icon name="check" className="message-select-control-icon" />}
         </div>
       )}
       {isLastInDocumentGroup && (
@@ -1844,7 +1844,7 @@ const Message = ({
           onClick={handleDocumentGroupSelectAll}
         >
           {isGroupSelected && (
-            <Icon name="select" />
+            <Icon name="check" className="message-select-control-icon" />
           )}
         </div>
       )}

src/components/middle/message/hocs/withSelectControl.tsx

@@ -65,12 +65,9 @@ export default function withSelectControl(WrappedComponent: FC) {
       >
         {isInSelectMode && (
           <div className="message-select-control">
-            {isSelected && (
-              <Icon name="select" />
-            )}
+            {isSelected && <Icon name="check" className="message-select-control-icon" />}
           </div>
         )}
-        {}
         <WrappedComponent {...newProps} />
       </div>
     );