Merge pull request #121 from DMU-DebugVisual/sojeong

코드방송 사이드바 참여자 이름 표시

Author: Danto7632

src/components/codecast/codecastlive/CodecastSidebar.css

@@ -120,7 +120,6 @@
 .participant-main .name {
     font-weight: 500;
     text-overflow: ellipsis;
-    overflow: hidden;
     white-space: nowrap;
 }
 

src/components/codecast/codecastlive/CodecastSidebar.jsx

@@ -123,8 +123,10 @@ export default function CodecastSidebar({
                             )}
 
                             <div className="participant-main">
-                                <span className="name">
-                                    {displayName}
+                                <span className="name" title={displayName}>
+                                    {displayName.length > 4
+                                        ? displayName.slice(0, 4) + '…'
+                                        : displayName}
                                     {isSelf && <span className="self-badge">나</span>}
                                 </span>
                                 <span className={`stage ${stage}`}>{stageLabel}</span>