From 5cfe09466314a46dba814629341c552cc5adc8dd Mon Sep 17 00:00:00 2001 From: Riad Benguella Date: Mon, 20 Nov 2023 18:28:44 +0100 Subject: [PATCH] Post Schedule Panel: Remove text overflow ellipsis (#56319) --- .../editor/src/components/post-panel-row/style.scss | 7 +++++-- .../editor/src/components/post-schedule/style.scss | 10 +++++++--- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/packages/editor/src/components/post-panel-row/style.scss b/packages/editor/src/components/post-panel-row/style.scss index b21679e9b9697..b3dfc8c6bcf6b 100644 --- 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 index fb8503962f7cd..ca5bc19ae7d5c 100644 --- 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; }