Skip to content

Commit 1131df5

Browse files
authored
[hotfix] force InputGroup secondary buttons to be transparent (#128)
1 parent 7110f2e commit 1131df5

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

src/Lumi/Components/InputGroup.purs

+7-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
module Lumi.Components.InputGroup where
22

3+
import Color (cssStringHSLA)
34
import Data.Array (fromFoldable)
45
import Data.Nullable (Nullable, toMaybe)
56
import JSS (JSS, jss)
7+
import Lumi.Components.Color (colors)
68
import Lumi.Components.ZIndex (ziInputGroup)
79
import React.Basic (Component, JSX, createComponent, element, makeStateless)
810
import React.Basic.DOM (CSS, unsafeCreateDOMComponent)
@@ -75,8 +77,11 @@ styles = jss
7577
}
7678

7779
, "& input-group-addon button.lumi":
78-
{ "&:focus, &:hover": { zIndex: ziInputGroup }
79-
}
80+
{ "&[data-color=\"secondary\"]":
81+
{ background: cssStringHSLA colors.transparent
82+
}
83+
, "&:focus, &:hover": { zIndex: ziInputGroup }
84+
}
8085
}
8186
}
8287
}

0 commit comments

Comments
 (0)