Web: Components: Fix text position in EmailInput in RTL mode
This commit is contained in:
parent
8688f7ab02
commit
406930a16d
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user