소스 검색

fix overflowing video title (#1284)

* fix overflowing video title

* fix maxColumn grid style
Klaudiusz Dembler 3 년 전
부모
커밋
5938e0af6c
2개의 변경된 파일2개의 추가작업 그리고 1개의 파일을 삭제
  1. 1 1
      src/shared/components/Grid/Grid.tsx
  2. 1 0
      src/shared/components/VideoTileBase/VideoTileBase.styles.tsx

+ 1 - 1
src/shared/components/Grid/Grid.tsx

@@ -57,7 +57,7 @@ const maxColumnsCss = ({ maxColumns }: ContainerProps) =>
   maxColumns
     ? css`
         ${media.xlarge} {
-          grid-template-columns: repeat(${maxColumns}, 1fr);
+          grid-template-columns: repeat(${maxColumns}, minmax(0, 1fr));
         }
       `
     : null

+ 1 - 0
src/shared/components/VideoTileBase/VideoTileBase.styles.tsx

@@ -102,6 +102,7 @@ export const AvatarContainer = styled.div`
 
 export const TextContainer = styled.div`
   flex: 1;
+  overflow: hidden;
 `
 
 export const KebabMenuButtonIcon = styled(IconButton)<ActiveProps>`