Remove hstack form search

WordPress · Jul 18, 2024 · 6c19704 · 6c19704
1 parent 2bc213f
commit 6c19704
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/packages/dataviews/src/dataviews.tsx b/packages/dataviews/src/dataviews.tsx
@@ -117,19 +117,13 @@ export default function DataViews< Item >( {
 				justify="start"
 				className="dataviews-filters__view-actions"
 			>
-				<HStack
-					justify="start"
-					className="dataviews-search__container"
-					wrap
-				>
-					{ search && (
-						<Search
-							label={ searchLabel }
-							view={ view }
-							onChangeView={ onChangeView }
-						/>
-					) }
-				</HStack>
+				{ search && (
+					<Search
+						label={ searchLabel }
+						view={ view }
+						onChangeView={ onChangeView }
+					/>
+				) }
 				{ [ LAYOUT_TABLE, LAYOUT_GRID ].includes( view.type ) &&
 					hasPossibleBulkAction && (
 						<BulkActions

diff --git a/packages/dataviews/src/search.tsx b/packages/dataviews/src/search.tsx
@@ -44,6 +44,7 @@ const Search = memo( function Search( {
 	const searchLabel = label || __( 'Search' );
 	return (
 		<SearchControl
+			className="dataviews-search"
 			__nextHasNoMarginBottom
 			onChange={ setSearch }
 			value={ search }

diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
@@ -972,3 +972,7 @@
 	outline: $border-width solid $white;
 	color: $white;
 }
+
+.dataviews-search {
+	width: 100%;
+}