From 2c971d89d8d0879f4c413ed72ee7fce63468ecdb Mon Sep 17 00:00:00 2001
From: mayank <mayank@techreceptives.com>
Date: Thu, 10 May 2018 17:45:02 +0530
Subject: [PATCH] [FIX]product page filter radio button visible

---
 addons/theme_art/static/less/common.less      | 24 ++++++++++++++++
 addons/theme_hermit/static/less/common.less   | 24 ++++++++++++++++
 addons/theme_leith/static/less/common.less    | 28 +++++++++++++++++--
 .../static/less/common.less                   | 24 ++++++++++++++++
 4 files changed, 98 insertions(+), 2 deletions(-)

diff --git a/addons/theme_art/static/less/common.less b/addons/theme_art/static/less/common.less
index 11e9e602..16a3cb07 100644
--- a/addons/theme_art/static/less/common.less
+++ b/addons/theme_art/static/less/common.less
@@ -590,25 +590,33 @@ textarea:focus {
   pointer-events: none;
 }
 
+.js_add_cart_variants input[type=checkbox]:checked + span:before,
 .js_add_cart_variants input[type=checkbox]:checked + label:before,
+.js_attributes input[type=checkbox]:checked + span:before,
 .js_attributes input[type=checkbox]:checked + label:before {
   border-right: 2px solid @color-primary;
   border-bottom: 2px solid @color-primary;
 }
 
+.js_add_cart_variants input[type=checkbox].filled-in:checked + span:before,
 .js_add_cart_variants input[type=checkbox].filled-in:checked + label:before,
+.js_attributes input[type=checkbox].filled-in:checked + span:before,
 .js_attributes input[type=checkbox].filled-in:checked + label:before {
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
 }
 
+.js_add_cart_variants input[type=checkbox].filled-in:checked + span:after,
 .js_add_cart_variants input[type=checkbox].filled-in:checked + label:after,
+.js_attributes input[type=checkbox].filled-in:checked + span:after,
 .js_attributes input[type=checkbox].filled-in:checked + label:after {
   background-color: #33b5e5;
   border-color: #33b5e5;
 }
 
+.js_add_cart_variants [type=radio] + span, .js_add_cart_variants [type=checkbox] + span,
 .js_add_cart_variants [type=radio] + label, .js_add_cart_variants [type=checkbox] + label,
+.js_attributes [type=radio] + span, .js_attributes [type=checkbox] + span,
 .js_attributes [type=radio] + label, .js_attributes [type=checkbox] + label {
   position: relative;
   padding-left: 35px;
@@ -655,7 +663,9 @@ textarea:focus {
   height: 22px;
 }
 
+.js_add_cart_variants [type=checkbox]:checked + span:before,
 .js_add_cart_variants [type=checkbox]:checked + label:before,
+.js_attributes [type=checkbox]:checked + span:before,
 .js_attributes [type=checkbox]:checked + label:before {
   top: -4px;
   left: -3px;
@@ -673,7 +683,9 @@ textarea:focus {
   transform-origin: 100% 100%;
 }
 
+.js_add_cart_variants [type=checkbox] + span:before,
 .js_add_cart_variants [type=checkbox] + label:before,
+.js_attributes [type=checkbox] + span:before,
 .js_attributes [type=checkbox] + label:before {
   content: '';
   position: absolute;
@@ -689,13 +701,17 @@ textarea:focus {
   transition: .2s;
 }
 
+.js_add_cart_variants [type=radio] + span,
 .js_add_cart_variants [type=radio] + label,
+.js_attributes [type=radio] + span,
 .js_attributes [type=radio] + label {
   -webkit-transition: .28s ease;
   transition: .28s ease;
 }
 
+.js_add_cart_variants [type=radio] + span, .js_add_cart_variants [type=checkbox] + span,
 .js_add_cart_variants [type=radio] + label, .js_add_cart_variants [type=checkbox] + label,
+.js_attributes [type=radio] + span, .js_attributes [type=checkbox] + span,
 .js_attributes [type=radio] + label, .js_attributes [type=checkbox] + label {
   position: relative;
   padding-left: 35px;
@@ -710,12 +726,16 @@ textarea:focus {
   -ms-user-select: none;
 }
 
+.js_add_cart_variants [type=radio]:checked + span:before,
 .js_add_cart_variants [type=radio]:checked + label:before,
+.js_attributes [type=radio]:checked + span:before,
 .js_attributes [type=radio]:checked + label:before {
   border-color: transparent;
 }
 
+.js_add_cart_variants [type=radio] + span:after, .js_add_cart_variants [type=radio] + span:before,
 .js_add_cart_variants [type=radio] + label:after, .js_add_cart_variants [type=radio] + label:before,
+.js_attributes [type=radio] + span:after, .js_attributes [type=radio] + span:before,
 .js_attributes [type=radio] + label:after, .js_attributes [type=radio] + label:before {
   content: '';
   position: absolute;
@@ -732,7 +752,9 @@ textarea:focus {
   transition: .28s ease;
 }
 
+.js_add_cart_variants [type=radio]:checked + span:after,
 .js_add_cart_variants [type=radio]:checked + label:after,
+.js_attributes [type=radio]:checked + span:after,
 .js_attributes [type=radio]:checked + label:after {
   border-color: @color-primary;
   background-color: @color-primary;
@@ -742,7 +764,9 @@ textarea:focus {
   transform: scale(1.02);
 }
 
+.js_add_cart_variants [type=radio] + span:after, .js_add_cart_variants [type=radio] + span:before,
 .js_add_cart_variants [type=radio] + label:after, .js_add_cart_variants [type=radio] + label:before,
+.js_attributes [type=radio] + span:after, .js_attributes [type=radio] + span:before,
 .js_attributes [type=radio] + label:after, .js_attributes [type=radio] + label:before {
   content: '';
   position: absolute;
diff --git a/addons/theme_hermit/static/less/common.less b/addons/theme_hermit/static/less/common.less
index dca65415..ebee3424 100644
--- a/addons/theme_hermit/static/less/common.less
+++ b/addons/theme_hermit/static/less/common.less
@@ -702,25 +702,33 @@ textarea:focus {
   pointer-events: none;
 }
 
+.js_add_cart_variants input[type=checkbox]:checked + span:before,
 .js_add_cart_variants input[type=checkbox]:checked + label:before,
+.js_attributes input[type=checkbox]:checked + span:before,
 .js_attributes input[type=checkbox]:checked + label:before {
   border-right: 2px solid @color-primary;
   border-bottom: 2px solid @color-primary;
 }
 
+.js_add_cart_variants input[type=checkbox].filled-in:checked + span:before,
 .js_add_cart_variants input[type=checkbox].filled-in:checked + label:before,
+.js_attributes input[type=checkbox].filled-in:checked + span:before,
 .js_attributes input[type=checkbox].filled-in:checked + label:before {
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
 }
 
+.js_add_cart_variants input[type=checkbox].filled-in:checked + span:after,
 .js_add_cart_variants input[type=checkbox].filled-in:checked + label:after,
+.js_attributes input[type=checkbox].filled-in:checked + span:after,
 .js_attributes input[type=checkbox].filled-in:checked + label:after {
   background-color: #33b5e5;
   border-color: #33b5e5;
 }
 
+.js_add_cart_variants [type=radio] + span, .js_add_cart_variants [type=checkbox] + span,
 .js_add_cart_variants [type=radio] + label, .js_add_cart_variants [type=checkbox] + label,
+.js_attributes [type=radio] + span, .js_attributes [type=checkbox] + span,
 .js_attributes [type=radio] + label, .js_attributes [type=checkbox] + label {
   position: relative;
   padding-left: 35px;
@@ -767,7 +775,9 @@ textarea:focus {
   height: 22px;
 }
 
+.js_add_cart_variants [type=checkbox]:checked + span:before,
 .js_add_cart_variants [type=checkbox]:checked + label:before,
+.js_attributes [type=checkbox]:checked + span:before,
 .js_attributes [type=checkbox]:checked + label:before {
   top: -4px;
   left: -3px;
@@ -785,7 +795,9 @@ textarea:focus {
   transform-origin: 100% 100%;
 }
 
+.js_add_cart_variants [type=checkbox] + span:before,
 .js_add_cart_variants [type=checkbox] + label:before,
+.js_attributes [type=checkbox] + span:before,
 .js_attributes [type=checkbox] + label:before {
   content: '';
   position: absolute;
@@ -801,13 +813,17 @@ textarea:focus {
   transition: .2s;
 }
 
+.js_add_cart_variants [type=radio] + span,
 .js_add_cart_variants [type=radio] + label,
+.js_attributes [type=radio] + span,
 .js_attributes [type=radio] + label {
   -webkit-transition: .28s ease;
   transition: .28s ease;
 }
 
+.js_add_cart_variants [type=radio] + span, .js_add_cart_variants [type=checkbox] + span,
 .js_add_cart_variants [type=radio] + label, .js_add_cart_variants [type=checkbox] + label,
+.js_attributes [type=radio] + span, .js_attributes [type=checkbox] + span,
 .js_attributes [type=radio] + label, .js_attributes [type=checkbox] + label {
   position: relative;
   padding-left: 35px;
@@ -822,12 +838,16 @@ textarea:focus {
   -ms-user-select: none;
 }
 
+.js_add_cart_variants [type=radio]:checked + span:before,
 .js_add_cart_variants [type=radio]:checked + label:before,
+.js_attributes [type=radio]:checked + span:before,
 .js_attributes [type=radio]:checked + label:before {
   border-color: transparent;
 }
 
+.js_add_cart_variants [type=radio] + span:after, .js_add_cart_variants [type=radio] + span:before,
 .js_add_cart_variants [type=radio] + label:after, .js_add_cart_variants [type=radio] + label:before,
+.js_attributes [type=radio] + span:after, .js_attributes [type=radio] + span:before,
 .js_attributes [type=radio] + label:after, .js_attributes [type=radio] + label:before {
   content: '';
   position: absolute;
@@ -844,7 +864,9 @@ textarea:focus {
   transition: .28s ease;
 }
 
+.js_add_cart_variants [type=radio]:checked + span:after,
 .js_add_cart_variants [type=radio]:checked + label:after,
+.js_attributes [type=radio]:checked + span:after,
 .js_attributes [type=radio]:checked + label:after {
   border-color: @color-primary;
   background-color: @color-primary;
@@ -854,7 +876,9 @@ textarea:focus {
   transform: scale(1.02);
 }
 
+.js_add_cart_variants [type=radio] + span:after, .js_add_cart_variants [type=radio] + span:before,
 .js_add_cart_variants [type=radio] + label:after, .js_add_cart_variants [type=radio] + label:before,
+.js_attributes [type=radio] + span:after, .js_attributes [type=radio] + span:before,
 .js_attributes [type=radio] + label:after, .js_attributes [type=radio] + label:before {
   content: '';
   position: absolute;
diff --git a/addons/theme_leith/static/less/common.less b/addons/theme_leith/static/less/common.less
index 1427d64f..498fe232 100644
--- a/addons/theme_leith/static/less/common.less
+++ b/addons/theme_leith/static/less/common.less
@@ -564,25 +564,33 @@ textarea:focus {
   pointer-events: none;
 }
 
+.js_add_cart_variants input[type=checkbox]:checked + span:before,
 .js_add_cart_variants input[type=checkbox]:checked + label:before,
+.js_attributes input[type=checkbox]:checked + span:before,
 .js_attributes input[type=checkbox]:checked + label:before {
   border-right: 2px solid @color-primary;
   border-bottom: 2px solid @color-primary;
 }
 
+.js_add_cart_variants input[type=checkbox].filled-in:checked + span:before,
 .js_add_cart_variants input[type=checkbox].filled-in:checked + label:before,
+.js_attributes input[type=checkbox].filled-in:checked + span:before,
 .js_attributes input[type=checkbox].filled-in:checked + label:before {
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
 }
 
+.js_add_cart_variants input[type=checkbox].filled-in:checked + span:after,
 .js_add_cart_variants input[type=checkbox].filled-in:checked + label:after,
+.js_attributes input[type=checkbox].filled-in:checked + span:after,
 .js_attributes input[type=checkbox].filled-in:checked + label:after {
   background-color: #33b5e5;
   border-color: #33b5e5;
 }
 
+.js_add_cart_variants [type=radio] + span, .js_add_cart_variants [type=checkbox] + span,
 .js_add_cart_variants [type=radio] + label, .js_add_cart_variants [type=checkbox] + label,
+.js_attributes [type=radio] + span, .js_attributes [type=checkbox] + span,
 .js_attributes [type=radio] + label, .js_attributes [type=checkbox] + label {
   position: relative;
   padding-left: 35px;
@@ -605,7 +613,9 @@ textarea:focus {
   width: 90%;
 }
 
+.js_add_cart_variants [type=checkbox]:checked + span:before,
 .js_add_cart_variants [type=checkbox]:checked + label:before,
+.js_attributes [type=checkbox]:checked + span:before,
 .js_attributes [type=checkbox]:checked + label:before {
   top: -4px;
   left: -3px;
@@ -623,7 +633,9 @@ textarea:focus {
   transform-origin: 100% 100%;
 }
 
-.js_add_cart_variants [type=checkbox] + label:before ,
+.js_add_cart_variants [type=checkbox] + span:before,
+.js_add_cart_variants [type=checkbox] + label:before,
+.js_attributes [type=checkbox] + span:before,
 .js_attributes [type=checkbox] + label:before {
   content: '';
   position: absolute;
@@ -638,12 +650,16 @@ textarea:focus {
   -webkit-transition: .2s;
   transition: .2s;
 }
-.js_add_cart_variants [type=radio]+label ,
+.js_add_cart_variants [type=radio]+span,
+.js_add_cart_variants [type=radio]+label,
+.js_attributes [type=radio]+span,
 .js_attributes [type=radio]+label {
     -webkit-transition: .28s ease;
     transition: .28s ease;
 }
+.js_add_cart_variants [type=radio]+span, .js_add_cart_variants [type=checkbox]+span ,
 .js_add_cart_variants [type=radio]+label, .js_add_cart_variants [type=checkbox]+label ,
+.js_attributes [type=radio]+span, .js_attributes [type=checkbox]+span,
 .js_attributes [type=radio]+label, .js_attributes [type=checkbox]+label {
     position: relative;
     padding-left: 35px;
@@ -658,11 +674,15 @@ textarea:focus {
     -ms-user-select: none;
 }
 
+.js_add_cart_variants [type=radio]:checked+span:before,
 .js_add_cart_variants [type=radio]:checked+label:before,
+.js_attributes [type=radio]:checked+span:before,
 .js_attributes [type=radio]:checked+label:before {
     border-color: transparent;
 }
+.js_add_cart_variants [type=radio]+span:after, .js_add_cart_variants [type=radio]+span:before,
 .js_add_cart_variants [type=radio]+label:after, .js_add_cart_variants [type=radio]+label:before,
+.js_attributes [type=radio]+span:after, .js_attributes [type=radio]+span:before,
 .js_attributes [type=radio]+label:after, .js_attributes [type=radio]+label:before {
     content: '';
     position: absolute;
@@ -679,7 +699,9 @@ textarea:focus {
     transition: .28s ease;
 }
 
+.js_add_cart_variants [type=radio]:checked+span:after ,
 .js_add_cart_variants [type=radio]:checked+label:after ,
+.js_attributes [type=radio]:checked+span:after,
 .js_attributes [type=radio]:checked+label:after {
     border-color:@color-primary;
     background-color: @color-primary;
@@ -688,7 +710,9 @@ textarea:focus {
     -ms-transform: scale(1.02);
     transform: scale(1.02);
 }
+.js_add_cart_variants [type=radio]+span:after, .js_add_cart_variants [type=radio]+span:before,
 .js_add_cart_variants [type=radio]+label:after, .js_add_cart_variants [type=radio]+label:before,
+.js_attributes [type=radio]+span:after, .js_attributes [type=radio]+span:before,
 .js_attributes [type=radio]+label:after, .js_attributes [type=radio]+label:before {
     content: '';
     position: absolute;
diff --git a/addons/theme_techreceptives/static/less/common.less b/addons/theme_techreceptives/static/less/common.less
index 8da3c9be..8f289412 100644
--- a/addons/theme_techreceptives/static/less/common.less
+++ b/addons/theme_techreceptives/static/less/common.less
@@ -702,25 +702,33 @@ textarea:focus {
   pointer-events: none;
 }
 
+.js_add_cart_variants input[type=checkbox]:checked + span:before,
 .js_add_cart_variants input[type=checkbox]:checked + label:before,
+.js_attributes input[type=checkbox]:checked + span:before,
 .js_attributes input[type=checkbox]:checked + label:before {
   border-right: 2px solid @color-primary;
   border-bottom: 2px solid @color-primary;
 }
 
+.js_add_cart_variants input[type=checkbox].filled-in:checked + span:before,
 .js_add_cart_variants input[type=checkbox].filled-in:checked + label:before,
+.js_attributes input[type=checkbox].filled-in:checked + span:before,
 .js_attributes input[type=checkbox].filled-in:checked + label:before {
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
 }
 
+.js_add_cart_variants input[type=checkbox].filled-in:checked + span:after,
 .js_add_cart_variants input[type=checkbox].filled-in:checked + label:after,
+.js_attributes input[type=checkbox].filled-in:checked + span:after,
 .js_attributes input[type=checkbox].filled-in:checked + label:after {
   background-color: #33b5e5;
   border-color: #33b5e5;
 }
 
+.js_add_cart_variants [type=radio] + span, .js_add_cart_variants [type=checkbox] + span,
 .js_add_cart_variants [type=radio] + label, .js_add_cart_variants [type=checkbox] + label,
+.js_attributes [type=radio] + span, .js_attributes [type=checkbox] + span,
 .js_attributes [type=radio] + label, .js_attributes [type=checkbox] + label {
   position: relative;
   padding-left: 35px;
@@ -767,7 +775,9 @@ textarea:focus {
   height: 22px;
 }
 
+.js_add_cart_variants [type=checkbox]:checked + span:before,
 .js_add_cart_variants [type=checkbox]:checked + label:before,
+.js_attributes [type=checkbox]:checked + span:before,
 .js_attributes [type=checkbox]:checked + label:before {
   top: -4px;
   left: -3px;
@@ -785,7 +795,9 @@ textarea:focus {
   transform-origin: 100% 100%;
 }
 
+.js_add_cart_variants [type=checkbox] + span:before,
 .js_add_cart_variants [type=checkbox] + label:before,
+.js_attributes [type=checkbox] + span:before,
 .js_attributes [type=checkbox] + label:before {
   content: '';
   position: absolute;
@@ -801,13 +813,17 @@ textarea:focus {
   transition: .2s;
 }
 
+.js_add_cart_variants [type=radio] + span,
 .js_add_cart_variants [type=radio] + label,
+.js_attributes [type=radio] + span,
 .js_attributes [type=radio] + label {
   -webkit-transition: .28s ease;
   transition: .28s ease;
 }
 
+.js_add_cart_variants [type=radio] + span, .js_add_cart_variants [type=checkbox] + span,
 .js_add_cart_variants [type=radio] + label, .js_add_cart_variants [type=checkbox] + label,
+.js_attributes [type=radio] + span, .js_attributes [type=checkbox] + span,
 .js_attributes [type=radio] + label, .js_attributes [type=checkbox] + label {
   position: relative;
   padding-left: 35px;
@@ -822,12 +838,16 @@ textarea:focus {
   -ms-user-select: none;
 }
 
+.js_add_cart_variants [type=radio]:checked + span:before,
 .js_add_cart_variants [type=radio]:checked + label:before,
+.js_attributes [type=radio]:checked + span:before,
 .js_attributes [type=radio]:checked + label:before {
   border-color: transparent;
 }
 
+.js_add_cart_variants [type=radio] + span:after, .js_add_cart_variants [type=radio] + span:before,
 .js_add_cart_variants [type=radio] + label:after, .js_add_cart_variants [type=radio] + label:before,
+.js_attributes [type=radio] + span:after, .js_attributes [type=radio] + span:before,
 .js_attributes [type=radio] + label:after, .js_attributes [type=radio] + label:before {
   content: '';
   position: absolute;
@@ -844,7 +864,9 @@ textarea:focus {
   transition: .28s ease;
 }
 
+.js_add_cart_variants [type=radio]:checked + span:after,
 .js_add_cart_variants [type=radio]:checked + label:after,
+.js_attributes [type=radio]:checked + span:after,
 .js_attributes [type=radio]:checked + label:after {
   border-color: @color-primary;
   background-color: @color-primary;
@@ -854,7 +876,9 @@ textarea:focus {
   transform: scale(1.02);
 }
 
+.js_add_cart_variants [type=radio] + span:after, .js_add_cart_variants [type=radio] + span:before,
 .js_add_cart_variants [type=radio] + label:after, .js_add_cart_variants [type=radio] + label:before,
+.js_attributes [type=radio] + span:after, .js_attributes [type=radio] + span:before,
 .js_attributes [type=radio] + label:after, .js_attributes [type=radio] + label:before {
   content: '';
   position: absolute;