Fix: 너무 긴 아이디는 ... 으로 한줄로 표시되도록 처리 후 hover 시 풀네임이 보이도록 수정

TheUpperPart · Oct 25, 2023 · 7bfa6df · 7bfa6df
1 parent 1ea55cf
commit 7bfa6df
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/RoundCheckIn/PlayerLists.tsx b/src/components/RoundCheckIn/PlayerLists.tsx
@@ -130,6 +130,15 @@ const MenuItem = styled.li<FlexVal>`
   justify-content: center;
   margin: 0 auto;
   flex: ${(props) => props.flexVal};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &: hover {
+    white-space: normal;
+    overflow: visible;
+    text-overflow: unset;
+  }
 `;
 
 const DisqualificationButton = styled.button`