diff --git a/data/css/contrast-finder-addon.css b/data/css/contrast-finder-addon.css index 8189d60..cd7e67f 100644 --- 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 index 532e1ac..22e7f92 100644 --- 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";