Skip to content

Commit 3df3beb

Browse files
authored
🤖 fix: add truncate class to workspace name span (#601)
Long workspace names in the sidebar were overflowing their container. This adds the `truncate` class to the workspace name span to ensure text is properly ellipsized when it exceeds the available space. _Generated with `mux`_
1 parent 82aa75b commit 3df3beb

File tree

2 files changed

+2
-1
lines changed

2 files changed

+2
-1
lines changed

bun.lock

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
{
22
"lockfileVersion": 1,
3+
"configVersion": 0,
34
"workspaces": {
45
"": {
56
"name": "mux",

src/components/WorkspaceListItem.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -156,7 +156,7 @@ const WorkspaceListItemInner: React.FC<WorkspaceListItemProps> = ({
156156
/>
157157
) : (
158158
<span
159-
className="text-foreground -mx-1 min-w-0 flex-1 cursor-pointer rounded-sm px-1 text-left text-[14px] transition-colors duration-200 hover:bg-white/5"
159+
className="text-foreground -mx-1 min-w-0 flex-1 cursor-pointer truncate rounded-sm px-1 text-left text-[14px] transition-colors duration-200 hover:bg-white/5"
160160
onDoubleClick={(e) => {
161161
e.stopPropagation();
162162
startRenaming();

0 commit comments

Comments
 (0)