enhanements

WordPress · Jul 19, 2024 · 310e434 · 310e434
1 parent 6bbdf5d
commit 310e434
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/dataviews/src/components/dataviews-filters/index.tsx b/packages/dataviews/src/components/dataviews-filters/index.tsx
@@ -103,6 +103,7 @@ export function FilterVisibilityToggle( {
 				setOpenedFilter={ setOpenedFilter }
 				trigger={
 					<Button
+						className="dataviews-filters__visibility-toggle"
 						size="compact"
 						icon={ funnel }
 						label={ __( 'Add filter' ) }
@@ -116,6 +117,7 @@ export function FilterVisibilityToggle( {
 	return (
 		<>
 			<Button
+				className="dataviews-filters__visibility-toggle"
 				size="compact"
 				icon={ funnel }
 				label={ __( 'Toggle filter display' ) }

diff --git a/packages/dataviews/src/components/dataviews-filters/style.scss b/packages/dataviews/src/components/dataviews-filters/style.scss
@@ -256,8 +256,13 @@
 	}
 }
 
+.dataviews-filters__visibility-toggle {
+	margin-left: -$grid-unit-05;
+}
+
 .dataviews-filters-toggle__container {
 	position: relative;
+	flex-shrink: 0;
 }
 
 .dataviews-filters-toggle__count {

diff --git a/packages/dataviews/src/components/dataviews/index.tsx b/packages/dataviews/src/components/dataviews/index.tsx
@@ -111,6 +111,8 @@ export default function DataViews< Item >( {
 					className="dataviews__view-actions"
 				>
 					{ search && <DataViewsSearch label={ searchLabel } /> }
+					<DataViewsBulkActions />
+					<DataViewsViewConfig defaultLayouts={ defaultLayouts } />
 					<FilterVisibilityToggle
 						filters={ filters }
 						view={ view }
@@ -119,8 +121,6 @@ export default function DataViews< Item >( {
 						setIsShowingFilter={ setIsShowingFilter }
 						isShowingFilter={ isShowingFilter }
 					/>
-					<DataViewsBulkActions />
-					<DataViewsViewConfig defaultLayouts={ defaultLayouts } />
 				</HStack>
 				{ isShowingFilter && <DataViewsFilters /> }
 				<DataViewsLayout />