+
{ __( 'Create password' ) }
@@ -233,7 +313,7 @@ export default function PageStatus( {
'Use a secure password'
) }
type="text"
- id={ `edit-site-change-status__password-input-${ instanceId }` }
+ id={ passwordInputId }
/>
) }
diff --git a/packages/editor/src/components/post-status/style.scss b/packages/editor/src/components/post-status/style.scss
new file mode 100644
index 0000000000000..b3184f603ab87
--- /dev/null
+++ b/packages/editor/src/components/post-status/style.scss
@@ -0,0 +1,35 @@
+
+.editor-change-status__content {
+ .components-popover__content {
+ min-width: 320px;
+ padding: $grid-unit-20;
+ }
+
+ .editor-change-status__options {
+ .components-base-control__field > .components-v-stack {
+ gap: $grid-unit-10;
+ }
+
+ label {
+ .components-text {
+ display: block;
+ }
+ }
+ }
+
+ .editor-change-status__password-legend {
+ padding: 0;
+ margin-bottom: $grid-unit-10;
+ }
+}
+
+.editor-summary-field__trigger {
+ max-width: 100%;
+
+ // Truncate
+ display: block;
+ text-align: left;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
diff --git a/packages/editor/src/style.scss b/packages/editor/src/style.scss
index 450c61fd0bb7e..28938c76b3b79 100644
--- a/packages/editor/src/style.scss
+++ b/packages/editor/src/style.scss
@@ -19,6 +19,7 @@
@import "./components/post-publish-panel/style.scss";
@import "./components/post-saved-state/style.scss";
@import "./components/post-schedule/style.scss";
+@import "./components/post-status/style.scss";
@import "./components/post-sync-status/style.scss";
@import "./components/post-taxonomies/style.scss";
@import "./components/post-template/style.scss";