diff --git a/packages/block-editor/src/components/block-mover/style.scss b/packages/block-editor/src/components/block-mover/style.scss
index cf4061b3789dfb..09cec30f8a313f 100644
--- a/packages/block-editor/src/components/block-mover/style.scss
+++ b/packages/block-editor/src/components/block-mover/style.scss
@@ -95,3 +95,10 @@
@include block-toolbar-button-style__focus();
}
}
+
+// Styles when the 'show button text labels' preference is enabled.
+.show-icon-labels {
+ .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container {
+ width: auto;
+ }
+}
diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss
index 41faa1a46eaed2..cebfac406b8e18 100644
--- a/packages/block-editor/src/components/block-toolbar/style.scss
+++ b/packages/block-editor/src/components/block-toolbar/style.scss
@@ -171,7 +171,6 @@
.block-editor-block-toolbar__block-controls .block-editor-block-mover {
border-left: 1px solid $gray-900;
margin-left: 6px;
- margin-right: -6px;
white-space: nowrap;
}
diff --git a/packages/block-library/src/post-featured-image/edit.js b/packages/block-library/src/post-featured-image/edit.js
index 1cdc0d0fd32ebe..ef3758fee0cd57 100644
--- a/packages/block-library/src/post-featured-image/edit.js
+++ b/packages/block-library/src/post-featured-image/edit.js
@@ -183,7 +183,7 @@ function PostFeaturedImageDisplay( {
);
}
- const label = __( 'Add a featured image' );
+ const label = __( 'Add image' );
const imageStyles = {
...borderProps.style,
height,
diff --git a/packages/block-library/src/site-logo/edit.js b/packages/block-library/src/site-logo/edit.js
index d84b5e6fbd6837..e8aa035df3d015 100644
--- a/packages/block-library/src/site-logo/edit.js
+++ b/packages/block-library/src/site-logo/edit.js
@@ -535,7 +535,7 @@ export default function LogoEdit( {
className: classes,
} );
- const label = __( 'Add a site logo' );
+ const label = __( 'Add image' );
return (
diff --git a/packages/block-library/src/site-logo/editor.scss b/packages/block-library/src/site-logo/editor.scss
index e13fc68abc4c3e..a46307a999c398 100644
--- a/packages/block-library/src/site-logo/editor.scss
+++ b/packages/block-library/src/site-logo/editor.scss
@@ -5,6 +5,8 @@
margin-right: auto;
}
+// Provide special styling for the placeholder.
+// @todo: this particular minimal style of placeholder could be componentized further.
.wp-block-site-logo {
// Make the block selectable.
a {
@@ -28,11 +30,7 @@
height: auto;
max-width: 100%;
}
-}
-// Provide special styling for the placeholder.
-// @todo: this particular minimal style of placeholder could be componentized further.
-.wp-block-site-logo.wp-block-site-logo {
// Match the default logo size.
&.is-default-size .components-placeholder {
height: 120px;
@@ -73,7 +71,7 @@
}
// Style the upload button.
- .components-button.components-button {
+ .components-button {
padding: 0;
display: flex;
justify-content: center;
diff --git a/packages/components/src/placeholder/style.scss b/packages/components/src/placeholder/style.scss
index 9f5db03711dc7e..6b1cfddca13258 100644
--- a/packages/components/src/placeholder/style.scss
+++ b/packages/components/src/placeholder/style.scss
@@ -241,3 +241,21 @@
stroke: currentColor;
opacity: 0.25;
}
+
+// Styles when the 'show button text labels' preference is enabled.
+.show-icon-labels {
+ .block-editor-media-placeholder .components-button.has-icon {
+ width: auto;
+ padding: 0 $grid-unit-10;
+ border-radius: 0;
+
+ svg {
+ display: none;
+ }
+
+ &::after {
+ content: attr(aria-label);
+ font-size: $helptext-font-size;
+ }
+ }
+}
diff --git a/packages/components/src/toolbar-group/style.scss b/packages/components/src/toolbar-group/style.scss
index cf055791271ae6..029458cfe9f461 100644
--- a/packages/components/src/toolbar-group/style.scss
+++ b/packages/components/src/toolbar-group/style.scss
@@ -5,8 +5,12 @@
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap;
- padding-left: $grid-unit-15 * 0.5; // 6px.
- padding-right: $grid-unit-15 * 0.5;
+
+ // Consistent padding for all immediate children of the group.
+ > * {
+ padding-left: $grid-unit-15 * 0.5; // 6px.
+ padding-right: $grid-unit-15 * 0.5;
+ }
// Unset for nested toolbar groups. Increase specificity.
& .components-toolbar-group.components-toolbar-group {