Merge pull request #11 from lumihq/kimi/fix/disabled-btn

kimispencer · web-flow · commit dad962e08d38 · 2019-04-17T13:58:42.000-05:00
Fix disabled button colors
diff --git a/src/Lumi/Components/Button.purs b/src/Lumi/Components/Button.purs
@@ -2,7 +2,7 @@ module Lumi.Components.Button where
 
 import Prelude
 
-import Color (cssStringHSLA, darken, lighten)
+import Color (cssStringHSLA, darken, desaturate, lighten)
 import Data.Array as Array
 import Data.Char (fromCharCode)
 import Data.Foldable (fold)
@@ -293,6 +293,6 @@ styles = jss
       , "&:hover": { backgroundColor: cssStringHSLA $ darken 0.1 value }
       , "&:active": { backgroundColor: cssStringHSLA $ darken 0.15 value }
       , "&:disabled, &[data-loading=\"true\"]":
-          { backgroundColor: cssStringHSLA $ lighten 0.25 value
+          { backgroundColor: cssStringHSLA $ lighten 0.4137 $ desaturate 0.1972 $ value
           }
       }

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ module Lumi.Components.Button where`
`2`	`2`
`3`	`3`	`import Prelude`
`4`	`4`
`5`		`-import Color (cssStringHSLA, darken, lighten)`
	`5`	`+import Color (cssStringHSLA, darken, desaturate, lighten)`
`6`	`6`	`import Data.Array as Array`
`7`	`7`	`import Data.Char (fromCharCode)`
`8`	`8`	`import Data.Foldable (fold)`
`@@ -293,6 +293,6 @@ styles = jss`
`293`	`293`	`, "&:hover": { backgroundColor: cssStringHSLA $ darken 0.1 value }`
`294`	`294`	`, "&:active": { backgroundColor: cssStringHSLA $ darken 0.15 value }`
`295`	`295`	`, "&:disabled, &[data-loading=\"true\"]":`
`296`		`- { backgroundColor: cssStringHSLA $ lighten 0.25 value`
	`296`	`+ { backgroundColor: cssStringHSLA $ lighten 0.4137 $ desaturate 0.1972 $ value`
`297`	`297`	`}`
`298`	`298`	`}`