Update data view menu item actions (#56398)

* Update data view menu item actions * Small button size * add specifc class to dropdown menu * fix linting issue --------- Co-authored-by: ntsekouras <ntsekouras@outlook.com>
WordPress · Nov 24, 2023 · 55d0c84 · 55d0c84
1 parent c6e3890
commit 55d0c84
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/edit-site/src/components/sidebar-dataviews/custom-dataviews-list.js b/packages/edit-site/src/components/sidebar-dataviews/custom-dataviews-list.js
@@ -116,10 +116,12 @@ function CustomDataViewItem( { dataviewId, isActive } ) {
 					<DropdownMenu
 						icon={ moreVertical }
 						label={ __( 'Actions' ) }
+						className="edit-site-sidebar-dataviews-dataview-item__dropdown-menu"
 						toggleProps={ {
 							style: {
 								color: 'inherit',
 							},
+							size: 'small',
 						} }
 					>
 						{ ( { onClose } ) => (

diff --git a/packages/edit-site/src/components/sidebar-dataviews/style.scss b/packages/edit-site/src/components/sidebar-dataviews/style.scss
@@ -9,6 +9,11 @@
 
 .edit-site-sidebar-dataviews-dataview-item {
 	border-radius: $radius-block-ui;
+	padding-right: $grid-unit-10;
+
+	.edit-site-sidebar-dataviews-dataview-item__dropdown-menu {
+		min-width: initial;
+	}
 
 	&:hover,
 	&:focus,