Skip to content

Commit

Permalink
used smaller lock icon on off canvas editor
Browse files Browse the repository at this point in the history
  • Loading branch information
MaggieCabrera committed Dec 15, 2022
1 parent 43f2ef4 commit ddc365b
Show file tree
Hide file tree
Showing 4 changed files with 27 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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';

/**
Expand Down Expand Up @@ -104,7 +104,7 @@ function ListViewBlockSelectButton(
</span>
) }
{ isLocked && (
<span className="block-editor-list-view-block-select-button__lock">
<span className="block-editor-list-view-block-select-button__lock offcanvas-editor-list-view-block-select-button__lock">
<Icon icon={ lock } />
</span>
) }
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,4 +23,12 @@
display: block;
// sidebar width - tab panel padding
max-width: $sidebar-width - (2 * $grid-unit-20);
.offcanvas-editor-list-view-block-select-button__lock {
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden;
width: 16px;
height: 16px;
}
}
1 change: 1 addition & 0 deletions packages/icons/src/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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';
Expand Down
16 changes: 16 additions & 0 deletions packages/icons/src/library/lock-small.js
Original file line number Diff line number Diff line change
@@ -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;

0 comments on commit ddc365b

Please sign in to comment.