Use flex 1 instead of width percentage, use a min function on the anc…

…hor to ensure it never steals more than half of the row width
WordPress · Jul 11, 2022 · 26d7799 · 26d7799
1 parent 71cbd7c
commit 26d7799
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss
@@ -302,7 +302,7 @@
 	}
 
 	.block-editor-list-view-block-select-button__title {
-		width: 100%;
+		flex: 1;
 		position: relative;
 
 		.components-truncate {
@@ -317,7 +317,7 @@
 		border-radius: $radius-block-ui;
 		display: inline-block;
 		padding: 2px 6px;
-		max-width: 100px;
+		max-width: min(100px, 40%);
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}