Dev: use plain checkboxes (fruity)

LimeSurvey · Dec 12, 2017 · 3a0571b · 3a0571b
1 parent d9730c8
commit 3a0571b
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 8 deletions.
diff --git a/themes/survey/fruity/css/theme.css b/themes/survey/fruity/css/theme.css
@@ -882,3 +882,10 @@ body .checkbox-item label::after {
 .btn:focus, .btn:hover {
     color: #fff;
 }
+
+/* Remove borders when checkbox is checked */
+.checkbox-item input[type="checkbox"]:checked + label::before{
+    border: none;
+    background-color: transparent;
+    outline: none;
+}
diff --git a/themes/survey/fruity/css/variations/apple_blossom.css b/themes/survey/fruity/css/variations/apple_blossom.css
@@ -2022,4 +2022,4 @@ input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .u
 /* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
 body .answer-item label::after{background-color:#AA4340}
 
-.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: #AA4340 }
+.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {  color: white; background-color: #AA4340;  }
diff --git a/themes/survey/fruity/css/variations/bay_of_many.css b/themes/survey/fruity/css/variations/bay_of_many.css
@@ -2021,4 +2021,4 @@ input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .u
 
 /* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
 body .answer-item label::after{background-color:#214F7E}
-.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: #214F7E }
+.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: white; background-color: #214F7E }
diff --git a/themes/survey/fruity/css/variations/black_pearl.css b/themes/survey/fruity/css/variations/black_pearl.css
@@ -2021,4 +2021,4 @@ input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .u
 
 /* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
 body .answer-item label::after{background-color:#071630}
-.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: #071630 }
+.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: white; background-color: #071630 }
diff --git a/themes/survey/fruity/css/variations/dark_sky.css b/themes/survey/fruity/css/variations/dark_sky.css
@@ -2021,4 +2021,4 @@ input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .u
 
 /* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
 body .answer-item label::after{background-color:#000000}
-.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: #000000 }
+.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: white; background-color: #000000 }
diff --git a/themes/survey/fruity/css/variations/free_magenta.css b/themes/survey/fruity/css/variations/free_magenta.css
@@ -2021,4 +2021,4 @@ input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .u
 
   /* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
   body .answer-item label::after{background-color:#C63678}
-  .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: #C63678 }
+  .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: white; background-color: #C63678 }
diff --git a/themes/survey/fruity/css/variations/purple_tentacle.css b/themes/survey/fruity/css/variations/purple_tentacle.css
@@ -2021,4 +2021,4 @@ input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .u
 
   /* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
   body .answer-item label::after{background-color:#993399}
-  .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: #993399 }
+  .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: white; background-color: #993399 }
diff --git a/themes/survey/fruity/css/variations/sea_green.css b/themes/survey/fruity/css/variations/sea_green.css
@@ -2027,4 +2027,4 @@ input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .u
   /* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
   body .answer-item label::after{background-color:#328637}
 
-  .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color:#328637 }
+  .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { background-color:#328637; color: white; }
diff --git a/themes/survey/fruity/css/variations/sunset_orange.css b/themes/survey/fruity/css/variations/sunset_orange.css
@@ -2021,4 +2021,4 @@ input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .u
 
   /* Define the color for Awesome Bootsrap Checkboxes ; based on bg-primary background-color*/
   body .answer-item label::after{background-color:#FE5B35}
-  .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: #FE5B35 }
+  .checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after { color: white; background-color: #FE5B35 }