Patterns: Align height of save button and patterns pagination

WordPress · Jul 19, 2023 · 87d1ccd · 87d1ccd
1 parent 9a28565
commit 87d1ccd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/packages/edit-site/src/components/save-button/index.js b/packages/edit-site/src/components/save-button/index.js
@@ -19,6 +19,7 @@ export default function SaveButton( {
  showTooltip = true,
  defaultLabel,
  icon,
+ __next40pxDefaultSize = false,
 } ) {
  const { isDirty, isSaving, isSaveViewOpen } = useSelect( ( select ) => {
  const { __experimentalGetDirtyEntityRecords, isSavingEntityRecord } =
@@ -83,6 +84,7 @@ export default function SaveButton( {
  */
  showTooltip={ showTooltip }
  icon={ icon }
+ __next40pxDefaultSize={ __next40pxDefaultSize }
  >
  { label }
  </Button>

diff --git a/packages/edit-site/src/components/save-hub/index.js b/packages/edit-site/src/components/save-hub/index.js
@@ -148,6 +148,7 @@ export default function SaveHub() {
  disabled={ isSaving }
  aria-disabled={ isSaving }
  className="edit-site-save-hub__button"
+ __next40pxDefaultSize
  >
  { label }
  </Button>
@@ -158,6 +159,7 @@ export default function SaveHub() {
  showTooltip={ false }
  icon={ disabled && ! isSaving ? check : null }
  defaultLabel={ label }
+ __next40pxDefaultSize
  />
  ) }
  </HStack>

diff --git a/packages/edit-site/src/components/save-hub/style.scss b/packages/edit-site/src/components/save-hub/style.scss
@@ -3,7 +3,7 @@
  border-top: 1px solid $gray-800;
  flex-shrink: 0;
  margin: 0;
- padding: $canvas-padding;
+ padding: $grid-unit-20 + $grid-unit-05 $canvas-padding;
 }
 
 .edit-site-save-hub__button {