placed contrast preview input below suggestions

jdan · Jul 22, 2015 · 454216e · 454216e
1 parent bf3b328
commit 454216e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/plugins/contrast/error-description.handlebars b/plugins/contrast/error-description.handlebars
@@ -28,6 +28,12 @@
             </span>
         </span>
 
-        has a ratio of <strong>{{suggestedColorsRatio}}</strong> <input class="previewCb" type="checkbox">
+        has a ratio of <strong>{{suggestedColorsRatio}}</strong>
+        <br />
+
+        <label>
+            Preview:
+            <input class="preview-contrast-fix" type="checkbox">
+        </label>
     </div>
 </div>
diff --git a/plugins/contrast/index.js b/plugins/contrast/index.js
@@ -41,8 +41,8 @@ class ContrastPlugin extends Plugin {
 
         // Add click handler to preview checkbox.
         let $description = $(descriptionTemplate(templateData));
-        $description.find(".previewCb").click(function() {
-            if (this.checked) {
+        $description.find(".preview-contrast-fix").click((e) => {
+            if ($(e.target).prop("checked")) {
                 // Set suggested colors.
                 $(el).css("color", suggestedColors.fg);
                 $(el).css("background-color", suggestedColors.bg);