Wrap long space names (#9201)

t3chguy · web-flow · commit 0e43f3c015a1 · 2022-08-17T15:13:04.000Z
diff --git a/res/css/structures/_SpacePanel.pcss b/res/css/structures/_SpacePanel.pcss
@@ -379,11 +379,16 @@ $activeBorderColor: $primary-content;
 }
 
 .mx_SpacePanel_contextMenu {
+    max-width: 360px;
+
     .mx_SpacePanel_contextMenu_header {
         margin: 12px 16px 12px;
         font-weight: $font-semi-bold;
         font-size: $font-15px;
         line-height: $font-18px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
     }
 
     .mx_SpacePanel_iconHome::before {
diff --git a/res/css/structures/_SpaceRoomView.pcss b/res/css/structures/_SpaceRoomView.pcss
@@ -177,6 +177,10 @@ $SpaceRoomViewInnerWidth: 428px;
 
                 h1 {
                     display: inline-block;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    width: 100%;
                 }
             }
 

Original file line number	Diff line number	Diff line change
`@@ -177,6 +177,10 @@ $SpaceRoomViewInnerWidth: 428px;`
`177`	`177`
`178`	`178`	`h1 {`
`179`	`179`	`display: inline-block;`
	`180`	`+ overflow: hidden;`
	`181`	`+ text-overflow: ellipsis;`
	`182`	`+ white-space: nowrap;`
	`183`	`+ width: 100%;`
`180`	`184`	`}`
`181`	`185`	`}`
`182`	`186`