[Refactoring] Custom Emoji: Remove grid fix (#4528)

src/components/common/CustomEmoji.module.scss

@@ -6,11 +6,6 @@
   position: relative;
   flex: 0 0 var(--custom-emoji-size);
 
-  &.with-grid-fix .media, &.with-grid-fix .thumb {
-    width: calc(100%) !important;
-    height: calc(100% + 1px) !important;
-  }
-
   canvas {
     display: block;
   }

src/components/common/CustomEmoji.tsx

@@ -30,7 +30,6 @@ type OwnProps = {
   style?: string;
   isBig?: boolean;
   noPlay?: boolean;
-  withGridFix?: boolean;
   withSharedAnimation?: boolean;
   sharedCanvasRef?: React.RefObject<HTMLCanvasElement>;
   sharedCanvasHqRef?: React.RefObject<HTMLCanvasElement>;
@@ -55,7 +54,6 @@ const CustomEmoji: FC<OwnProps> = ({
   className,
   loopLimit,
   style,
-  withGridFix,
   withSharedAnimation,
   sharedCanvasRef,
   sharedCanvasHqRef,
@@ -117,7 +115,6 @@ const CustomEmoji: FC<OwnProps> = ({
         className,
         'custom-emoji',
         'emoji',
-        withGridFix && styles.withGridFix,
       )}
       onClick={onClick}
       onAnimationEnd={onAnimationEnd}

src/components/common/helpers/renderTextWithEntities.tsx

@@ -436,7 +436,6 @@ function processEntity({
           withSharedAnimation
           sharedCanvasRef={sharedCanvasRef}
           sharedCanvasHqRef={sharedCanvasHqRef}
-          withGridFix={!emojiSize}
           observeIntersectionForLoading={observeIntersectionForLoading}
           observeIntersectionForPlaying={observeIntersectionForPlaying}
           withTranslucentThumb={withTranslucentThumbs}
@@ -568,7 +567,6 @@ function processEntity({
           withSharedAnimation
           sharedCanvasRef={sharedCanvasRef}
           sharedCanvasHqRef={sharedCanvasHqRef}
-          withGridFix={!emojiSize}
           observeIntersectionForLoading={observeIntersectionForLoading}
           observeIntersectionForPlaying={observeIntersectionForPlaying}
           withTranslucentThumb={withTranslucentThumbs}

src/components/middle/message/_message-content.scss

@@ -784,7 +784,6 @@
     }
 
     .text-content {
-      text-align: center;
       word-break: normal;
       line-height: var(--emoji-only-size);