Ensure long list of users doesn't overflow (#561)

antoinejaussoin · Jul 18, 2023 · 103de33 · 103de33
1 parent be4ae89
commit 103de33
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/frontend/src/views/game/footer/GameFooter.tsx b/frontend/src/views/game/footer/GameFooter.tsx
@@ -145,6 +145,7 @@ const EndControlsContainer = styled.div`
 const UsersContainer = styled.div`
   grid-area: users;
   padding-left: 10px;
+  overflow-x: scroll;
 `;
 
 const TimerContainer = styled.div`

diff --git a/frontend/src/views/game/footer/Users.tsx b/frontend/src/views/game/footer/Users.tsx
@@ -7,6 +7,7 @@ import useSession from '../useSession';
 export default function Users() {
   const { participants } = useParticipants();
   const { session } = useSession();
+
   return (
     <AvatarGroup
       max={50}