Post Schedule Panel: Remove text overflow ellipsis (#56319)

WordPress · Nov 20, 2023 · 5cfe094 · 5cfe094
1 parent 0ba206b
commit 5cfe094
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/packages/editor/src/components/post-panel-row/style.scss b/packages/editor/src/components/post-panel-row/style.scss
@@ -1,13 +1,16 @@
 .editor-post-panel__row {
 	width: 100%;
-	justify-content: flex-start;
-	align-items: flex-start;
 	min-height: $button-size;
+	justify-content: flex-start !important;
+	align-items: flex-start !important;
 }
 
 .editor-post-panel__row-label {
 	width: 30%;
 	flex-shrink: 0;
+	min-height: $button-size;
+	display: flex;
+	align-items: center;
 }
 
 .editor-post-panel__row-control {

diff --git a/packages/editor/src/components/post-schedule/style.scss b/packages/editor/src/components/post-schedule/style.scss
@@ -9,11 +9,15 @@
 	}
 }
 
-.editor-post-schedule__dialog-toggle {
+.editor-post-schedule__dialog-toggle.components-button {
 	display: block;
 	max-width: 100%;
 	overflow: hidden;
 	text-align: left;
-	text-overflow: ellipsis;
-	white-space: nowrap;
+	white-space: unset;
+	height: auto;
+
+	// The line height + the padding should be the same as the button size.
+	padding: ( ( $button-size - $grid-unit-20 ) / 2 ) 12px;
+	line-height: $grid-unit-20;
 }