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 }>`
|
||||
width: calc(100% - 32px);
|
||||
width: calc(100% - 53px);
|
||||
min-height: 53px;
|
||||
height: 53px;
|
||||
max-height: 53px;
|
||||
@ -79,9 +79,19 @@ const StyledHeader = styled.div<{ withoutBorder?: boolean }>`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
${(props) =>
|
||||
props.theme.interfaceDirection === "rtl"
|
||||
? css`
|
||||
padding-left: 37px;
|
||||
`
|
||||
: css`
|
||||
padding-right: 37px;
|
||||
`}
|
||||
|
||||
.arrow-button {
|
||||
cursor: pointer;
|
||||
margin-right: 12px;
|
||||
min-width: 17px;
|
||||
${(props) =>
|
||||
props.theme.interfaceDirection === "rtl" &&
|
||||
css`
|
||||
|
@ -52,7 +52,9 @@ const Header = React.memo(
|
||||
/>
|
||||
)}
|
||||
|
||||
<Heading className="heading-text">{headerLabel}</Heading>
|
||||
<Heading className="heading-text" truncate>
|
||||
{headerLabel}
|
||||
</Heading>
|
||||
</StyledHeader>
|
||||
);
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user