radio button label, add cursor not-allowed

Asqatasun · Apr 9, 2014 · 33607e1 · 33607e1
1 parent d6eead1
commit 33607e1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/data/css/contrast-finder-addon.css b/data/css/contrast-finder-addon.css
@@ -75,24 +75,18 @@ a {
 .error-message {
     color: #be7104;
     font-size: 18px;
-//    margin-top: 10px;
-  //  margin-bottom: 10px;
     display: none;
 }
 
 .valid-message {
     color: #3C763D;
     font-size: 18px;
-    //margin-top: 10px;
-    //margin-bottom: 10px;
     display: none;
 }
 
 .invalid-message {
     color: #d9534f;
     font-size: 18px;
-    //margin-top: 10px;
-    //margin-bottom: 10px;
     display: none;
 }
 
@@ -109,6 +103,7 @@ a {
 
 .my-fieldset span {
     opacity: 0.5;
+    cursor: not-allowed;
 }
 
 .my-fieldset fieldset {

diff --git a/data/js/form.js b/data/js/form.js
@@ -63,7 +63,9 @@ function initializeColorSamplesElements() {
     document.getElementById("legend-component").style.opacity = "0.5";
     document.getElementById("fieldset-component").disabled = true;
     document.getElementById("foreground-component-text").style.opacity = "0.5";
+    document.getElementById("foreground-component-text").style.cursor = "not-allowed";
     document.getElementById("background-component-text").style.opacity = "0.5";
+    document.getElementById("background-component-text").style.cursor = "not-allowed";
     document.getElementById("color-sample-foreground").style.backgroundColor = "#F0F0F0";
     document.getElementById("color-sample-foreground").style.backgroundImage = "repeating-linear-gradient(45deg, transparent, transparent 15px, rgba(255,255,255,0.5) 3px, rgba(255,255,255,.5) 29px)";
     document.getElementById("color-sample-background").style.backgroundColor = "#F0F0F0";
@@ -92,7 +94,9 @@ function onLiveInvalidRatio(tabResult) {
 function onClickInvalidRatio(tabResult) {
     document.getElementById("legend-component").style.opacity = "1";
     document.getElementById("foreground-component-text").style.opacity = "1";
+    document.getElementById("foreground-component-text").style.cursor = "inherit";
     document.getElementById("background-component-text").style.opacity = "1";
+    document.getElementById("background-component-text").style.cursor = "inherit";
     document.getElementById("fieldset-component").disabled = false;
     document.getElementById("invalid-ratio").style.display = "block";
     submit.className = "btn btn-primary btn-lg";