Web: Components: Fix text position in EmailInput in RTL mode

This commit is contained in:
Aleksandr Lushkin 2023-07-05 10:41:20 +02:00
parent 8688f7ab02
commit 406930a16d
2 changed files with 2 additions and 10 deletions

View File

@ -2,9 +2,8 @@ import styled from "styled-components";
import StyledTextInput from "../text-input/styled-text-input";
const StyledEmailInput = styled(StyledTextInput)`
:placeholder-shown {
direction: ltr;
}
text-align: ${({ theme }) =>
theme.interfaceDirection === "rtl" ? "right" : "left"};
`;
export default StyledEmailInput;

View File

@ -64,13 +64,6 @@ const commonInputStyle = css`
text-align: right;
}
&[type="email"]:placeholder-shown,
&[type="tel"]:placeholder-shown,
&[type="number"]:placeholder-shown,
&[type="url"]:placeholder-shown {
direction: ltr;
}
&[type="password"] {
direction: rtl;
}