feat(ui): show full room name in tooltip

jeremyckahn · Nov 23, 2023 · 826f53f · 826f53f · vercel · Nov 23, 2023
1 parent b9ec16a
commit 826f53f
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/src/components/Shell/ShellAppBar.tsx b/src/components/Shell/ShellAppBar.tsx
@@ -104,7 +104,7 @@ export const ShellAppBar = ({
             sx={{
               display: 'flex',
               flexDirection: 'row',
-              justifyContent: 'space-between',
+              justifyContent: 'right',
             }}
           >
             {isEmbedded ? null : (
@@ -119,14 +119,21 @@ export const ShellAppBar = ({
                 <Menu />
               </IconButton>
             )}
-            <Typography
-              variant="h6"
-              noWrap
-              component="div"
-              sx={{ marginRight: 'auto' }}
-            >
-              {isEmbedded ? '' : title}
-            </Typography>
+
+            {isEmbedded ? null : (
+              <Tooltip title={title}>
+                <Typography
+                  variant="h6"
+                  noWrap
+                  component="div"
+                  sx={{
+                    marginRight: 'auto',
+                  }}
+                >
+                  {title}
+                </Typography>
+              </Tooltip>
+            )}
             {isEmbedded ? null : (
               <>
                 <Tooltip title="Copy current URL">