Merge branch 'release/1.19.0'

siteorigin · Mar 18, 2022 · 4fdd893 · 4fdd893
2 parents 225807e + 2d5f4c6
commit 4fdd893
Show file tree

Hide file tree

Showing 9 changed files with 256 additions and 169 deletions.
diff --git a/readme.txt b/readme.txt
@@ -100,6 +100,10 @@ This theme makes use of the [SiteOrigin Settings Framework](https://github.com/s
 
 == Changelog ==
 
+= 1.19.0 - 18 March 2022 =
+* WooCommerce: Introduced a custom product variation drop-down design.
+* WooCommerce: Minor variation styling adjustment to Cart and Checkout pages.
+
 = 1.18.11 - 16 February 2022 =
 * Updated SiteOrigin Settings: Excluded websafe fonts from Google Fonts enqueue.
 

diff --git a/sass/woocommerce/_archive.scss b/sass/woocommerce/_archive.scss
@@ -32,102 +32,6 @@
 	.woocommerce-ordering {
 		display: block;
 		float: right;
-
-		select {
-			font-size: 13px;
-		}
-
-		@media (max-width: 768px) {
-			float: none;
-		}
-
-		.ordering-selector-wrapper {
-			border: 1px solid $color__background-hr-dark;
-			border-radius: 2px;
-			cursor: pointer;
-			font-size: 13px;
-			line-height: normal;
-			padding: 10px 15px;
-			position: relative;
-
-			.current {
-				display: inline-block;
-			}
-
-			svg {
-				float: right;
-				margin: 5px 0 0 10px;
-				transform: rotate(0deg);
-
-				path {
-					fill: $color__text-medium;
-				}
-			}
-
-			&:hover {
-				color: $color__text-dark;
-
-				svg path {
-					fill: $color__text-dark;
-				}
-			}
-
-			.ordering-dropdown-container {
-				left: -1px;
-				min-height: 1px;
-				position: absolute;
-				right: -1px;
-				top: 100%;
-				z-index: 999;
-			}
-
-			.ordering-dropdown {
-				background: #fff;
-				border: 1px solid $color__background-hr-dark;
-				box-shadow: 0 1px 1px rgba(0, 0, 0, .07);
-				display: block;
-				list-style: none;
-				margin: 0;
-				opacity: 0;
-				padding: 5px 0;
-				position: absolute;
-				top: 0;
-				transition: all 0.15s ease-in;
-				transform-origin: center top;
-				transform: scale(.95);
-				visibility: hidden;
-				width: 100%;
-
-				li {
-					color: $color__text-light;
-					cursor: pointer;
-					padding: 10px 15px;
-					position: relative;
-					white-space: nowrap;
-
-					&:hover {
-						color: $color__text-dark;
-					}
-				}
-			}
-
-			&.open-dropdown {
-
-				.ordering-dropdown {
-					opacity: 1;
-					transform: scale(1);
-					visibility: visible;
-				}
-
-				svg {
-					transform: rotate(180deg);
-
-					path {
-						fill: $color__text-dark;
-					}
-				}
-			}
-		}
 	}
 
 	// Sale Sticker.

diff --git a/sass/woocommerce/_cart.scss b/sass/woocommerce/_cart.scss
@@ -80,6 +80,10 @@
 				}
 			}
 
+			dl.variation dd {
+				margin-left: 0;
+			}
+
 			.product-remove {
 				font-size: 20px;
 				text-align: center;

diff --git a/sass/woocommerce/_checkout.scss b/sass/woocommerce/_checkout.scss
@@ -175,6 +175,10 @@ form.checkout > .blockUI {
 					padding-bottom: 30px;
 				}
 			}
+
+			dl.variation dd {
+				margin-left: 0;
+			}
 		}
 
 		tfoot {

diff --git a/sass/woocommerce/_forms.scss b/sass/woocommerce/_forms.scss
@@ -83,6 +83,105 @@
 		.form-row-wide {
 			clear: both;
 		}
+
+		&.woocommerce-ordering,
+		.corp-variations-wrapper {
+			select {
+				font-size: 13px;
+			}
+
+			@media (max-width: 768px) {
+				float: none;
+			}
+
+			.ordering-selector-wrapper {
+				border: 1px solid $color__background-hr-dark;
+				border-radius: 2px;
+				cursor: pointer;
+				font-size: 13px;
+				line-height: normal;
+				padding: 10px 15px;
+				position: relative;
+
+				.current {
+					display: inline-block;
+				}
+
+				svg {
+					float: right;
+					margin: 5px 0 0 10px;
+					transform: rotate(0deg);
+
+					path {
+						fill: $color__text-medium;
+					}
+				}
+
+				&:hover {
+					color: $color__text-dark;
+
+					svg path {
+						fill: $color__text-dark;
+					}
+				}
+
+				.ordering-dropdown-container {
+					left: -1px;
+					min-height: 1px;
+					position: absolute;
+					right: -1px;
+					top: 100%;
+					z-index: 999;
+				}
+
+				.ordering-dropdown {
+					background: #fff;
+					border: 1px solid $color__background-hr-dark;
+					box-shadow: 0 1px 1px rgba(0, 0, 0, .07);
+					display: block;
+					list-style: none;
+					margin: 0;
+					opacity: 0;
+					padding: 5px 0;
+					position: absolute;
+					top: 0;
+					transition: all 0.15s ease-in;
+					transform-origin: center top;
+					transform: scale(.95);
+					visibility: hidden;
+					width: 100%;
+
+					li {
+						color: $color__text-light;
+						cursor: pointer;
+						padding: 10px 15px;
+						position: relative;
+						white-space: nowrap;
+
+						&:hover {
+							color: $color__text-dark;
+						}
+					}
+				}
+
+				&.open-dropdown {
+
+					.ordering-dropdown {
+						opacity: 1;
+						transform: scale(1);
+						visibility: visible;
+					}
+
+					svg {
+						transform: rotate(180deg);
+
+						path {
+							fill: $color__text-dark;
+						}
+					}
+				}
+			}
+		}
 	}
 
 	// Login form.

diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss
@@ -221,6 +221,19 @@
 			}
 		}
 
+		form.cart table.variations {
+
+			.corp-variations-wrapper {
+				display: inline-block;
+				position: relative;
+			}
+
+			select {
+				-webkit-appearance: none;
+				padding: 1px 27px 0 10px;
+			}
+		}
+
 		.woocommerce-variation .woocommerce-variation-price .price {
 			display: block;
 			width: 100%;
-Original file line number
+Diff line change
@@ Expand Up / @@ -175,6 +175,10 @@ form.checkout > .blockUI { @@
     					padding-bottom: 30px;
     				}
     			}
+    			dl.variation dd {
+    				margin-left: 0;
+    			}
     		}
     		tfoot {
@@ Expand Down @@