[Refactoring] Custom Emoji: Remove grid fix (#4528)
This commit is contained in:
parent
714344dc2d
commit
6def917d1c
@ -6,11 +6,6 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
flex: 0 0 var(--custom-emoji-size);
|
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 {
|
canvas {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -30,7 +30,6 @@ type OwnProps = {
|
|||||||
style?: string;
|
style?: string;
|
||||||
isBig?: boolean;
|
isBig?: boolean;
|
||||||
noPlay?: boolean;
|
noPlay?: boolean;
|
||||||
withGridFix?: boolean;
|
|
||||||
withSharedAnimation?: boolean;
|
withSharedAnimation?: boolean;
|
||||||
sharedCanvasRef?: React.RefObject<HTMLCanvasElement>;
|
sharedCanvasRef?: React.RefObject<HTMLCanvasElement>;
|
||||||
sharedCanvasHqRef?: React.RefObject<HTMLCanvasElement>;
|
sharedCanvasHqRef?: React.RefObject<HTMLCanvasElement>;
|
||||||
@ -55,7 +54,6 @@ const CustomEmoji: FC<OwnProps> = ({
|
|||||||
className,
|
className,
|
||||||
loopLimit,
|
loopLimit,
|
||||||
style,
|
style,
|
||||||
withGridFix,
|
|
||||||
withSharedAnimation,
|
withSharedAnimation,
|
||||||
sharedCanvasRef,
|
sharedCanvasRef,
|
||||||
sharedCanvasHqRef,
|
sharedCanvasHqRef,
|
||||||
@ -117,7 +115,6 @@ const CustomEmoji: FC<OwnProps> = ({
|
|||||||
className,
|
className,
|
||||||
'custom-emoji',
|
'custom-emoji',
|
||||||
'emoji',
|
'emoji',
|
||||||
withGridFix && styles.withGridFix,
|
|
||||||
)}
|
)}
|
||||||
onClick={onClick}
|
onClick={onClick}
|
||||||
onAnimationEnd={onAnimationEnd}
|
onAnimationEnd={onAnimationEnd}
|
||||||
|
|||||||
@ -436,7 +436,6 @@ function processEntity({
|
|||||||
withSharedAnimation
|
withSharedAnimation
|
||||||
sharedCanvasRef={sharedCanvasRef}
|
sharedCanvasRef={sharedCanvasRef}
|
||||||
sharedCanvasHqRef={sharedCanvasHqRef}
|
sharedCanvasHqRef={sharedCanvasHqRef}
|
||||||
withGridFix={!emojiSize}
|
|
||||||
observeIntersectionForLoading={observeIntersectionForLoading}
|
observeIntersectionForLoading={observeIntersectionForLoading}
|
||||||
observeIntersectionForPlaying={observeIntersectionForPlaying}
|
observeIntersectionForPlaying={observeIntersectionForPlaying}
|
||||||
withTranslucentThumb={withTranslucentThumbs}
|
withTranslucentThumb={withTranslucentThumbs}
|
||||||
@ -568,7 +567,6 @@ function processEntity({
|
|||||||
withSharedAnimation
|
withSharedAnimation
|
||||||
sharedCanvasRef={sharedCanvasRef}
|
sharedCanvasRef={sharedCanvasRef}
|
||||||
sharedCanvasHqRef={sharedCanvasHqRef}
|
sharedCanvasHqRef={sharedCanvasHqRef}
|
||||||
withGridFix={!emojiSize}
|
|
||||||
observeIntersectionForLoading={observeIntersectionForLoading}
|
observeIntersectionForLoading={observeIntersectionForLoading}
|
||||||
observeIntersectionForPlaying={observeIntersectionForPlaying}
|
observeIntersectionForPlaying={observeIntersectionForPlaying}
|
||||||
withTranslucentThumb={withTranslucentThumbs}
|
withTranslucentThumb={withTranslucentThumbs}
|
||||||
|
|||||||
@ -784,7 +784,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.text-content {
|
.text-content {
|
||||||
text-align: center;
|
|
||||||
word-break: normal;
|
word-break: normal;
|
||||||
line-height: var(--emoji-only-size);
|
line-height: var(--emoji-only-size);
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user