Remove temporary transaction table search field CSS that was used for…

… Payment Activity Card report filtering (#9881) Co-authored-by: Jessy <[email protected]> Co-authored-by: Jessy Pappachan <[email protected]> Co-authored-by: Shendy <[email protected]>
Automattic · Dec 15, 2024 · db8947f · db8947f
1 parent cb65e92
commit db8947f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 52 deletions.
diff --git a/changelog/fix-9736-remove-temporary-payment-activity-transaction-search-css b/changelog/fix-9736-remove-temporary-payment-activity-transaction-search-css
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix inconsistent alignment of the download button across transactions, payouts, and disputes reporting views for a more cohesive user interface.
diff --git a/client/transactions/list/style.scss b/client/transactions/list/style.scss
@@ -153,56 +153,4 @@ $gap-small: 12px;
 			height: auto;
 		}
 	}
-
-	.components-card__header {
-		// These styles improve the overflow behaviour of the Search component within the TableCard, when many tags are selected. Used for transaction list views. See PR #8996
-		.woocommerce-search.woocommerce-select-control
-			.woocommerce-select-control__listbox {
-			position: relative;
-			top: 5px;
-		}
-		.woocommerce-table__actions {
-			justify-content: space-between;
-
-			& > div {
-				width: 85%;
-				margin-right: 0;
-			}
-
-			button.woocommerce-table__download-button {
-				@include breakpoint( '<1040px' ) {
-					.woocommerce-table__download-button__label {
-						display: none;
-					}
-				}
-			}
-
-			.woocommerce-select-control.is-focused
-				.woocommerce-select-control__control {
-				flex-wrap: wrap;
-
-				.woocommerce-select-control__tags {
-					white-space: wrap;
-				}
-			}
-			.woocommerce-select-control__tags {
-				overflow-x: auto;
-				white-space: nowrap;
-				scrollbar-width: none;
-				margin-right: 25px;
-			}
-
-			.woocommerce-select-control.is-focused
-				.components-base-control
-				.components-base-control__field {
-				flex-basis: 45%;
-			}
-
-			@include breakpoint( '<960px' ) {
-				.woocommerce-search {
-					margin: 0;
-				}
-			}
-		}
-	}
 }