SAK-34097: Style the disabled checkboxes and radios (and their labels…

…) to distinguish them from enabled ones
vishu77 · Jun 27, 2018 · 224b992 · 224b992
1 parent b39ad34
commit 224b992
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/library/src/morpheus-master/sass/_defaults.scss b/library/src/morpheus-master/sass/_defaults.scss
@@ -41,6 +41,7 @@ $secondary-color:  			 #F00 !default;
 $alt-colour: 				 #d36f00 !default;
 
 $text-color:				 #212121 !default;
+$text-color-disabled:		 #767676 !default;
 
 $body-background-color: #FAFAFA !default;
 

diff --git a/library/src/morpheus-master/sass/base/_defaults.scss b/library/src/morpheus-master/sass/base/_defaults.scss
@@ -128,16 +128,17 @@ input[type="checkbox"], input[type="radio"]{
 
 	//SAK-30977
 	&[disabled],&[disabled="disabled"],&[disabled="true"]{
-		opacity: 0.8;
+		opacity: 0.5;
 		& + label{
-			color: lighten($text-color, 10%);
+			cursor: not-allowed;
+			color: $text-color-disabled;
 		}
 	}
 }
 
 label.disabled{
-	color: lighten($text-color, 10%);
 	cursor: not-allowed;
+	color: $text-color-disabled;
 }
 
 input[type="checkbox"]{