From f19cbe2a49272ef20cf140976d53214833ff156e Mon Sep 17 00:00:00 2001
From: Maggie <maggie.cabrera@automattic.com>
Date: Fri, 16 Dec 2022 16:51:37 +0100
Subject: [PATCH] Navigation list view: use smaller lock icon (#46578)

* used smaller lock icon on off canvas editor

* reduce size of lock icon on list view too

* removed repeated css
---
 .../components/list-view/block-select-button.js  |  2 +-
 .../src/components/list-view/style.scss          |  7 ++++++-
 .../off-canvas-editor/block-select-button.js     |  2 +-
 packages/icons/src/index.js                      |  1 +
 packages/icons/src/library/lock-small.js         | 16 ++++++++++++++++
 5 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 packages/icons/src/library/lock-small.js

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
index 9477eb2cda40c0..39baf78d5a7a88 100644
--- 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
index 0c271352b91552..6bcb7667b36b85 100644
--- 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
index a3cb64e9298dd4..543823ab1ada25 100644
--- 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
@@ -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/icons/src/index.js b/packages/icons/src/index.js
index 92bc48c185cc99..77c974fc61211f 100644
--- a/packages/icons/src/index.js
+++ b/packages/icons/src/index.js
@@ -129,6 +129,7 @@ export { default as listItem } from './library/list-item';
 export { default as listView } from './library/list-view';
 export { default as lock } from './library/lock';
 export { default as lockOutline } from './library/lock-outline';
+export { default as lockSmall } from './library/lock-small';
 export { default as login } from './library/login';
 export { default as loop } from './library/loop';
 export { default as mapMarker } from './library/map-marker';
diff --git a/packages/icons/src/library/lock-small.js b/packages/icons/src/library/lock-small.js
new file mode 100644
index 00000000000000..9ed94cc264b003
--- /dev/null
+++ b/packages/icons/src/library/lock-small.js
@@ -0,0 +1,16 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/primitives';
+
+const lockSmall = (
+	<SVG viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M15 11h-.2V9c0-1.5-1.2-2.8-2.8-2.8S9.2 7.5 9.2 9v2H9c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h6c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1zm-1.8 0h-2.5V9c0-.7.6-1.2 1.2-1.2s1.2.6 1.2 1.2v2z"
+		/>
+	</SVG>
+);
+
+export default lockSmall;