30 lines
775 B
TypeScript
30 lines
775 B
TypeScript
|
import styled from "styled-components";
|
||
|
|
import { MAX_FILE_NAME_LENGTH } from "utils/constants";
|
||
|
|
|
||
|
|
const StyledRenameBox = styled.textarea.attrs({
|
||
|
|
autocomplete: "off",
|
||
|
|
enterKeyHint: "done",
|
||
|
|
maxLength: MAX_FILE_NAME_LENGTH,
|
||
|
|
rows: 1,
|
||
|
|
spellCheck: false,
|
||
|
|
})`
|
||
|
|
border: 1px solid rgb(100, 100, 100);
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: 11.5px;
|
||
|
|
margin-bottom: 2px;
|
||
|
|
max-width: ${({ theme }) => theme.sizes.fileEntry.renameWidth}px;
|
||
|
|
min-height: 19px;
|
||
|
|
min-width: 30px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: ${({ theme }) => `1px ${theme.sizes.fileEntry.renamePadding}px`};
|
||
|
|
position: relative;
|
||
|
|
resize: none;
|
||
|
|
text-align: center;
|
||
|
|
top: 2px;
|
||
|
|
user-select: text;
|
||
|
|
white-space: break-spaces;
|
||
|
|
z-index: 1;
|
||
|
|
`;
|
||
|
|
|
||
|
|
export default StyledRenameBox;
|