From cab37ef5a66433b39854ddd0bf3efc0a879db395 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Mon, 30 Mar 2020 18:37:49 +0200 Subject: [PATCH 01/20] Updated build submodule --- build | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build b/build index 0f95868..0f304fe 160000 --- a/build +++ b/build @@ -1 +1 @@ -Subproject commit 0f958680c7dee22820a25ed58c5f22cb85a41163 +Subproject commit 0f304fe515849115d4dcc073a77a54615594b8cc From 05756dedc23d376facba9d3ca7b4812e360c6110 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Sat, 4 Apr 2020 15:30:46 +0200 Subject: [PATCH 02/20] Updated build submodule --- build | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build b/build index 0f304fe..f44c846 160000 --- a/build +++ b/build @@ -1 +1 @@ -Subproject commit 0f304fe515849115d4dcc073a77a54615594b8cc +Subproject commit f44c84634d37a305d3d77f49cd2abc3351221601 From 472c0bbb36cbb3bc68958d5dc782f64b9fb75203 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Mon, 13 Apr 2020 16:07:28 +0200 Subject: [PATCH 03/20] Adjusted WC spacing for no products notification --- sass/woocommerce/_archive.scss | 5 +++++ woocommerce.css | 3 +++ 2 files changed, 8 insertions(+) diff --git a/sass/woocommerce/_archive.scss b/sass/woocommerce/_archive.scss index 951edfe..eec7791 100644 --- a/sass/woocommerce/_archive.scss +++ b/sass/woocommerce/_archive.scss @@ -25,6 +25,11 @@ } } + // No products were found matching your selection notification. + &.archive .woocommerce-info { + margin-top: 30px; + } + // Result count. .woocommerce-result-count { align-items: flex-end; diff --git a/woocommerce.css b/woocommerce.css index fa15f21..ee74674 100644 --- a/woocommerce.css +++ b/woocommerce.css @@ -280,6 +280,9 @@ input.button.added:after, .woocommerce.archive .page-title { font-size: 23px; } } +.woocommerce.archive .woocommerce-info { + margin-top: 30px; } + .woocommerce .woocommerce-result-count { align-items: flex-end; color: #828282; From bdb64f31f84850e19f71ce61e5d342851fbac370 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Wed, 15 Apr 2020 17:10:16 +0200 Subject: [PATCH 04/20] Sass formatting fixes --- sass/woocommerce/_single.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss index f00231f..6350010 100644 --- a/sass/woocommerce/_single.scss +++ b/sass/woocommerce/_single.scss @@ -193,7 +193,7 @@ .woocommerce-variation .woocommerce-variation-price .price { display: block; margin-top: -25px; - width: 100%; + width: 100%; } .woocommerce-grouped-product-list { @@ -212,7 +212,7 @@ td { padding: 0; } - + td { input { @@ -312,7 +312,7 @@ display: inline-block; font-family: $font__headings; margin: 0 30px 0 0; - padding-bottom: 5px; + padding-bottom: 5px; text-transform: uppercase; @media (max-width: 768px) { @@ -323,9 +323,9 @@ a { color: $color__text-dark; - font-weight: 600; + font-weight: 600; display: inline-block; - outline: 0; + outline: 0; } &.active { @@ -370,7 +370,7 @@ th, td { - padding-bottom: 0 + padding-bottom: 0; } } } @@ -388,7 +388,7 @@ .woocommerce-Reviews { .woocommerce-noreviews { - font-size: 14px; + font-size: 14px; margin-bottom: 16px; } @@ -560,7 +560,7 @@ // Upsells and related products. .woocommerce-tabs ~ .products .product { - + @media (min-width: 769px) { clear: none; margin-right: 3.5%; From ab8bcbb60941d9e6570cb4e3ddb05746e3a4a3ab Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Wed, 15 Apr 2020 17:31:52 +0200 Subject: [PATCH 05/20] Organised properties --- sass/woocommerce/_single.scss | 42 +++++++++++++++++------------------ 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss index 6350010..a76214b 100644 --- a/sass/woocommerce/_single.scss +++ b/sass/woocommerce/_single.scss @@ -71,30 +71,30 @@ z-index: 9; &:before { + border: 2px solid #000; + border-radius: 100%; + box-sizing: content-box; content: ""; display: block; - width: 10px; height: 10px; - border: 2px solid #000; - border-radius: 100%; + left: 9px; position: absolute; top: 9px; - left: 9px; - box-sizing: content-box; + width: 10px; } &:after { + background: #000; content: ""; + border-radius: 6px; + box-sizing: content-box; display: block; - width: 2px; height: 8px; - background: #000; - border-radius: 6px; + left: 22px; position: absolute; top: 19px; - left: 22px; - @include transform(rotate(-45deg)); - box-sizing: content-box; + @include transform( rotate(-45deg) ); + width: 2px; } } } @@ -461,28 +461,28 @@ .stars { a { - position: relative; - height: 1em; - width: 1em; - text-indent: -999em; display: inline-block; + height: 1em; + position: relative; text-decoration: none; + text-indent: -999em; + width: 1em; &:hover { color: $color__accent; } &:before { + content: "\e021"; display: block; - position: absolute; - top: 0; - left: 0; - width: 1em; + font-family: "WooCommerce"; height: 1em; + left: 0; line-height: 1; - font-family: "WooCommerce"; - content: "\e021"; + position: absolute; text-indent: 0; + top: 0; + width: 1em; } &:hover { From f614d0e83de35b80def763eb92dfd2cccefb256e Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Wed, 15 Apr 2020 18:51:32 +0200 Subject: [PATCH 06/20] Removed variation price negative margin --- sass/woocommerce/_single.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss index a76214b..9010374 100644 --- a/sass/woocommerce/_single.scss +++ b/sass/woocommerce/_single.scss @@ -192,7 +192,6 @@ .woocommerce-variation .woocommerce-variation-price .price { display: block; - margin-top: -25px; width: 100%; } From b98ff6ae4920a35919846d2af37ba6d970db49a7 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Wed, 15 Apr 2020 18:51:43 +0200 Subject: [PATCH 07/20] Reorder properties --- sass/woocommerce/_single.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss index 9010374..4233b1e 100644 --- a/sass/woocommerce/_single.scss +++ b/sass/woocommerce/_single.scss @@ -321,9 +321,9 @@ } a { + display: inline-block; color: $color__text-dark; font-weight: 600; - display: inline-block; outline: 0; } @@ -355,9 +355,9 @@ th.woocommerce-product-attributes-item__label { color: $color__text-dark; + padding-left: 0; text-align: left; text-transform: capitalize; - padding-left: 0; } th, From daaf368877f0078cb840e3ddd71365292fa01826 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Wed, 15 Apr 2020 18:55:27 +0200 Subject: [PATCH 08/20] Write recent Sass changes to CSS --- woocommerce.css | 49 ++++++++++++++++++++++++------------------------- 1 file changed, 24 insertions(+), 25 deletions(-) diff --git a/woocommerce.css b/woocommerce.css index ee74674..26f3b2d 100644 --- a/woocommerce.css +++ b/woocommerce.css @@ -619,32 +619,32 @@ input.button.added:after, width: 36px; z-index: 9; } .woocommerce .product .images .woocommerce-product-gallery__trigger:before { + border: 2px solid #000; + border-radius: 100%; + box-sizing: content-box; content: ""; display: block; - width: 10px; height: 10px; - border: 2px solid #000; - border-radius: 100%; + left: 9px; position: absolute; top: 9px; - left: 9px; - box-sizing: content-box; } + width: 10px; } .woocommerce .product .images .woocommerce-product-gallery__trigger:after { + background: #000; content: ""; + border-radius: 6px; + box-sizing: content-box; display: block; - width: 2px; height: 8px; - background: #000; - border-radius: 6px; + left: 22px; position: absolute; top: 19px; - left: 22px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); - box-sizing: content-box; } + width: 2px; } .woocommerce .product .summary, .woocommerce .product .product-info-wrapper { float: right; @@ -722,7 +722,6 @@ input.button.added:after, .woocommerce .product .summary .woocommerce-variation .woocommerce-variation-price .price, .woocommerce .product .product-info-wrapper .woocommerce-variation .woocommerce-variation-price .price { display: block; - margin-top: -25px; width: 100%; } .woocommerce .product .summary .woocommerce-grouped-product-list, .woocommerce .product .product-info-wrapper .woocommerce-grouped-product-list { @@ -822,9 +821,9 @@ input.button.added:after, font-size: 0.9333rem; margin-bottom: 10px; } } .woocommerce .product .woocommerce-tabs .wc-tabs li a { + display: inline-block; color: #2d2d2d; font-weight: 600; - display: inline-block; outline: 0; } .woocommerce .product .woocommerce-tabs .wc-tabs li.active { border-bottom: 2px solid #4d8ffb; } @@ -842,9 +841,9 @@ input.button.added:after, border: none; } .woocommerce .product .shop_attributes tr th.woocommerce-product-attributes-item__label { color: #2d2d2d; + padding-left: 0; text-align: left; - text-transform: capitalize; - padding-left: 0; } + text-transform: capitalize; } .woocommerce .product .shop_attributes tr th, .woocommerce .product .shop_attributes tr td { padding: 8px; } @@ -899,25 +898,25 @@ input.button.added:after, .woocommerce .product .woocommerce-Reviews .comment-respond { margin-top: 25px; } .woocommerce .product .woocommerce-Reviews .stars a { - position: relative; + display: inline-block; height: 1em; - width: 1em; + position: relative; + text-decoration: none; text-indent: -999em; - display: inline-block; - text-decoration: none; } + width: 1em; } .woocommerce .product .woocommerce-Reviews .stars a:hover { color: #4d8ffb; } .woocommerce .product .woocommerce-Reviews .stars a:before { + content: "\e021"; display: block; - position: absolute; - top: 0; - left: 0; - width: 1em; + font-family: "WooCommerce"; height: 1em; + left: 0; line-height: 1; - font-family: "WooCommerce"; - content: "\e021"; - text-indent: 0; } + position: absolute; + text-indent: 0; + top: 0; + width: 1em; } .woocommerce .product .woocommerce-Reviews .stars a:hover ~ a:before { content: "\e021"; } .woocommerce .product .woocommerce-Reviews .stars:hover a:before { From 8d355b50de33907cd67f2ccdd17ce2175a4ca548 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Wed, 15 Apr 2020 21:11:02 +0200 Subject: [PATCH 09/20] Sass formatting fixes --- sass/woocommerce/_single.scss | 2 +- woocommerce.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss index 4233b1e..d380891 100644 --- a/sass/woocommerce/_single.scss +++ b/sass/woocommerce/_single.scss @@ -45,8 +45,8 @@ } img { - display: block; box-shadow: #000 0 0 0; + display: block; opacity: .5; &.flex-active, diff --git a/woocommerce.css b/woocommerce.css index 26f3b2d..322db34 100644 --- a/woocommerce.css +++ b/woocommerce.css @@ -601,8 +601,8 @@ input.button.added:after, .woocommerce .product .images .flex-control-thumbs li:nth-of-type(4n+4) { margin-right: 0; } .woocommerce .product .images .flex-control-thumbs li img { - display: block; box-shadow: #000 0 0 0; + display: block; opacity: .5; } .woocommerce .product .images .flex-control-thumbs li img.flex-active, .woocommerce .product .images .flex-control-thumbs li img:hover { opacity: 1; } From 2035052cc1c4e51e004a4eeda5f25efff0541613 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Wed, 15 Apr 2020 21:11:21 +0200 Subject: [PATCH 10/20] Style improvements for VS plugin * Variation Swatches for WooCommerce plugin. --- sass/woocommerce/_quick-view.scss | 14 +++++++++++++- sass/woocommerce/_single.scss | 12 ++++++++++++ woocommerce.css | 16 ++++++++++++++++ 3 files changed, 41 insertions(+), 1 deletion(-) diff --git a/sass/woocommerce/_quick-view.scss b/sass/woocommerce/_quick-view.scss index 0f69f82..51b1fdd 100644 --- a/sass/woocommerce/_quick-view.scss +++ b/sass/woocommerce/_quick-view.scss @@ -92,7 +92,7 @@ @media (max-width: 768px) { float: none; - padding-top: 0; + padding-top: 0; width: 100%; } @@ -100,6 +100,18 @@ line-height: normal; margin: 0; } + + .variations .value { + position: relative; + } + + // Variation Swatches for WooCommerce plugin. + .variable-items-wrapper ~ .reset_variations { + bottom: -10px; + left: 0; + margin-left: 0; + position: absolute; + } } } } diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss index d380891..9257247 100644 --- a/sass/woocommerce/_single.scss +++ b/sass/woocommerce/_single.scss @@ -188,6 +188,18 @@ color: $color__accent; } } + + // Variation Swatches for WooCommerce plugin. + .woo-variation-items-wrapper { + position: relative; + + .reset_variations { + bottom: -10px; + left: 0; + margin-left: 0; + position: absolute; + } + } } .woocommerce-variation .woocommerce-variation-price .price { diff --git a/woocommerce.css b/woocommerce.css index 322db34..0b9970d 100644 --- a/woocommerce.css +++ b/woocommerce.css @@ -719,6 +719,15 @@ input.button.added:after, .woocommerce .product .summary .variations .reset_variations:hover, .woocommerce .product .product-info-wrapper .variations .reset_variations:hover { color: #4d8ffb; } + .woocommerce .product .summary .variations .woo-variation-items-wrapper, + .woocommerce .product .product-info-wrapper .variations .woo-variation-items-wrapper { + position: relative; } + .woocommerce .product .summary .variations .woo-variation-items-wrapper .reset_variations, + .woocommerce .product .product-info-wrapper .variations .woo-variation-items-wrapper .reset_variations { + bottom: -10px; + left: 0; + margin-left: 0; + position: absolute; } .woocommerce .product .summary .woocommerce-variation .woocommerce-variation-price .price, .woocommerce .product .product-info-wrapper .woocommerce-variation .woocommerce-variation-price .price { display: block; @@ -1029,6 +1038,13 @@ input.button.added:after, #quick-view-container .product-content-wrapper .product-info-wrapper .entry-title { line-height: normal; margin: 0; } + #quick-view-container .product-content-wrapper .product-info-wrapper .variations .value { + position: relative; } + #quick-view-container .product-content-wrapper .product-info-wrapper .variable-items-wrapper ~ .reset_variations { + bottom: -10px; + left: 0; + margin-left: 0; + position: absolute; } /*-------------------------------------------------------------- # Widgets From c96ad9fc2d0b620cdece0c30f531a86758992ea4 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Wed, 15 Apr 2020 21:12:33 +0200 Subject: [PATCH 11/20] Organise properties --- sass/woocommerce/_quick-view.scss | 4 ++-- woocommerce.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/sass/woocommerce/_quick-view.scss b/sass/woocommerce/_quick-view.scss index 51b1fdd..fd4e5fe 100644 --- a/sass/woocommerce/_quick-view.scss +++ b/sass/woocommerce/_quick-view.scss @@ -14,8 +14,8 @@ .quick-view { background: #fff; bottom: 0; - height: 575px; display: inline-block; + height: 575px; left: 0; margin: auto; max-width: 1140px; @@ -34,8 +34,8 @@ .quickview-close-icon { color: $color__text-dark; - display: block; cursor: pointer; + display: block; font-size: 35px; line-height: 1; position: absolute; diff --git a/woocommerce.css b/woocommerce.css index 0b9970d..d0ca9b0 100644 --- a/woocommerce.css +++ b/woocommerce.css @@ -982,8 +982,8 @@ input.button.added:after, #quick-view-container .quick-view { background: #fff; bottom: 0; - height: 575px; display: inline-block; + height: 575px; left: 0; margin: auto; max-width: 1140px; @@ -999,8 +999,8 @@ input.button.added:after, width: 85%; } } #quick-view-container .quickview-close-icon { color: #2d2d2d; - display: block; cursor: pointer; + display: block; font-size: 35px; line-height: 1; position: absolute; From 1446c365148568e38335dba39f0506516ea7e904 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Thu, 16 Apr 2020 20:53:46 +0200 Subject: [PATCH 12/20] Minor formatting fixes --- header.php | 2 +- searchform.php | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/header.php b/header.php index 196b025..a7904c6 100644 --- a/header.php +++ b/header.php @@ -98,7 +98,7 @@