Components: Combobox: fix style
This commit is contained in:
parent
de122f813e
commit
a0d0bd6f66
@ -139,6 +139,7 @@ class ComboBox extends React.Component {
|
|||||||
data={selectedOption}
|
data={selectedOption}
|
||||||
onClick={this.comboBoxClick}
|
onClick={this.comboBoxClick}
|
||||||
toggleAction={toggleAction}
|
toggleAction={toggleAction}
|
||||||
|
isOpen={isOpen}
|
||||||
{...this.props}
|
{...this.props}
|
||||||
>
|
>
|
||||||
<ComboButton
|
<ComboButton
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import styled from "styled-components";
|
import styled, { css } from "styled-components";
|
||||||
import Base from "../themes/base";
|
import Base from "../themes/base";
|
||||||
|
|
||||||
const StyledComboBox = styled.div`
|
const StyledComboBox = styled.div`
|
||||||
@ -13,6 +13,14 @@ const StyledComboBox = styled.div`
|
|||||||
position: relative;
|
position: relative;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
padding: 4px 0;
|
||||||
|
|
||||||
|
${(props) =>
|
||||||
|
props.isOpen &&
|
||||||
|
props.noBorder &&
|
||||||
|
css`
|
||||||
|
background: #dfe2e3;
|
||||||
|
`}
|
||||||
|
|
||||||
.dropdown-container {
|
.dropdown-container {
|
||||||
padding: ${(props) =>
|
padding: ${(props) =>
|
||||||
|
Loading…
Reference in New Issue
Block a user