enhanements

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

Hide file tree

Showing 3 changed files with 10 additions and 3 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 {
@@ -277,4 +282,4 @@
 
 .dataviews-search {
  width: 100%;
-}
+}
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 />