Fix TT4 mobile styling for cart and notes field on checkout (#11742)

* Add box-sizing to textarea * Fix cart mobile border
woocommerce · Nov 13, 2023 · b14ec46 · b14ec46
1 parent e3801ba
commit b14ec46
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/assets/js/base/components/cart-checkout/cart-line-items-table/style.scss b/assets/js/base/components/cart-checkout/cart-line-items-table/style.scss
@@ -76,7 +76,7 @@ table.wc-block-cart-items {
 		.wc-block-cart-item__remove-link {
 			display: none;
 		}
-		&:not(.wc-block-mini-cart-items) {
+		&:not(.wc-block-mini-cart-items):not(:last-child) {
 			.wc-block-cart-items__row {
 				@include with-translucent-border( 0 0 1px );
 			}

diff --git a/assets/js/blocks/cart/style.scss b/assets/js/blocks/cart/style.scss
@@ -96,6 +96,9 @@
 			display: none;
 		}
 	}
+	table.wc-block-cart-items {
+		margin: 0;
+	}
 }
 
 .is-medium,

diff --git a/packages/components/textarea/style.scss b/packages/components/textarea/style.scss
@@ -9,6 +9,7 @@
 	margin: 0;
 	padding: em($gap-small) $gap;
 	width: 100%;
+	box-sizing: border-box;
 
 	.has-dark-controls & {
 		background-color: $input-background-dark;