Shared: AsideHeader: Added icon reversal for rtl view.
This commit is contained in:
parent
30701247c6
commit
93e4711f04
@ -112,7 +112,7 @@ const StyledAside = styled(Container)`
|
|||||||
`;
|
`;
|
||||||
StyledAside.defaultProps = { theme: Base };
|
StyledAside.defaultProps = { theme: Base };
|
||||||
|
|
||||||
const StyledHeaderContainer = styled.div`
|
const StyledHeaderContainer = styled.div<{ withoutBorder?: boolean }>`
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@ -136,6 +136,11 @@ const StyledHeaderContainer = styled.div`
|
|||||||
|
|
||||||
.arrow-button {
|
.arrow-button {
|
||||||
margin-inline: 0 12px;
|
margin-inline: 0 12px;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
${({ theme }) =>
|
||||||
|
theme.interfaceDirection === "rtl" && `transform: scaleX(-1);`}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.close-button {
|
.close-button {
|
||||||
margin-inline: auto 0;
|
margin-inline: auto 0;
|
||||||
|
Loading…
Reference in New Issue
Block a user