reduce size of lock icon on list view too

WordPress · Dec 16, 2022 · 791fa2f · 791fa2f
1 parent 0e276d7
commit 791fa2f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/packages/block-editor/src/components/list-view/block-select-button.js b/packages/block-editor/src/components/list-view/block-select-button.js
@@ -12,7 +12,7 @@ import {
  __experimentalTruncate as Truncate,
 } from '@wordpress/components';
 import { forwardRef } from '@wordpress/element';
-import { Icon, lock } from '@wordpress/icons';
+import { Icon, lockSmall as lock } from '@wordpress/icons';
 import { SPACE, ENTER } from '@wordpress/keycodes';
 
 /**

diff --git a/packages/block-editor/src/components/list-view/style.scss b/packages/block-editor/src/components/list-view/style.scss
@@ -319,11 +319,16 @@
 
  .block-editor-list-view-block-select-button__lock {
  line-height: 0;
- width: 24px;
+ width: 16px;
  min-width: 24px;
+ height: 16px;
  margin-left: auto;
  padding: 0;
  vertical-align: middle;
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ overflow: hidden;
  }
 }
 

diff --git a/packages/block-editor/src/components/off-canvas-editor/block-select-button.js b/packages/block-editor/src/components/off-canvas-editor/block-select-button.js
@@ -104,7 +104,7 @@ function ListViewBlockSelectButton(
  </span>
  ) }
  { isLocked && (
- <span className="block-editor-list-view-block-select-button__lock offcanvas-editor-list-view-block-select-button__lock">
+ <span className="block-editor-list-view-block-select-button__lock">
  <Icon icon={ lock } />
  </span>
  ) }