Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix(ui-toolkit): fix FormSelect fluid flag

Browse Source
This commit is contained in:
Sérgio Ramos 2017-10-13 21:00:19 +01:00 committed by Sérgio Ramos
parent 18f2ace3e9
commit f764b36479
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui-toolkit/src/form/select.js
View File

@ -17,10 +17,12 @@ const Select = Baseline(BaseInput(Stylable('select')));
const SelectWrapper = styled.div` const SelectWrapper = styled.div`
position: relative; position: relative;
display: inline-flex; display: inline-flex;
width: 100%;
${isNot('fluid')` ${isNot('fluid')`
min-width: ${remcalc(200)}; min-width: ${remcalc(200)};
`}; `};
&:after { &:after {
content: ''; content: '';
width: ${remcalc(10)}; width: ${remcalc(10)};
@ -32,6 +34,7 @@ const SelectWrapper = styled.div`
transform: translateY(-50%); transform: translateY(-50%);
right: ${remcalc(12)}; right: ${remcalc(12)};
} }
${is('disabled')` ${is('disabled')`
&:after { &:after {
background: url(${chevronDisabled}) center center no-repeat; background: url(${chevronDisabled}) center center no-repeat;
@ -50,7 +53,9 @@ const StyledSelect = Select.extend`
* @example ./usage-select.md * @example ./usage-select.md
*/ */
export default ({ children, fluid, ...rest }) => ( export default ({ children, fluid, ...rest }) => (
<SelectWrapper {...rest} fluid={fluid}> <SelectWrapper fluid={fluid}>
<StyledSelect {...rest}>{children}</StyledSelect> <StyledSelect {...rest} fluid={fluid}>
{children}
</StyledSelect>
</SelectWrapper> </SelectWrapper>
); );