Shared: Selector: Fixed styles for selector header because of icon adding.
This commit is contained in:
parent
4e1c69a1aa
commit
ee6b1e8511
@ -64,7 +64,7 @@ const StyledSelector = styled.div`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
const StyledHeader = styled.div<{ withoutBorder?: boolean }>`
|
const StyledHeader = styled.div<{ withoutBorder?: boolean }>`
|
||||||
width: calc(100% - 32px);
|
width: calc(100% - 53px);
|
||||||
min-height: 53px;
|
min-height: 53px;
|
||||||
height: 53px;
|
height: 53px;
|
||||||
max-height: 53px;
|
max-height: 53px;
|
||||||
@ -79,9 +79,19 @@ const StyledHeader = styled.div<{ withoutBorder?: boolean }>`
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
${(props) =>
|
||||||
|
props.theme.interfaceDirection === "rtl"
|
||||||
|
? css`
|
||||||
|
padding-left: 37px;
|
||||||
|
`
|
||||||
|
: css`
|
||||||
|
padding-right: 37px;
|
||||||
|
`}
|
||||||
|
|
||||||
.arrow-button {
|
.arrow-button {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
|
min-width: 17px;
|
||||||
${(props) =>
|
${(props) =>
|
||||||
props.theme.interfaceDirection === "rtl" &&
|
props.theme.interfaceDirection === "rtl" &&
|
||||||
css`
|
css`
|
||||||
|
@ -52,7 +52,9 @@ const Header = React.memo(
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Heading className="heading-text">{headerLabel}</Heading>
|
<Heading className="heading-text" truncate>
|
||||||
|
{headerLabel}
|
||||||
|
</Heading>
|
||||||
</StyledHeader>
|
</StyledHeader>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user