spencerpincott/sol-journal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: accessibility for textarea

Browse Source
This commit is contained in:
Kyle Gill
2019-03-28 17:35:10 -06:00
parent 8890b82332
commit cb9a52082e
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/screens/Day/Day.js
View File

@@ -16,6 +16,7 @@ const JournalHeading = styled.h2`
const JournalEntryArea = styled.textarea` const JournalEntryArea = styled.textarea`
flex-grow: 1; flex-grow: 1;
color: ${props => props.theme.colors.primary}; color: ${props => props.theme.colors.primary};
caret-color: ${props => props.theme.colors.secondary};
background-color: transparent; background-color: transparent;
line-height: 1.5; line-height: 1.5;
letter-spacing: 0.5px; letter-spacing: 0.5px;
@@ -24,9 +25,17 @@ const JournalEntryArea = styled.textarea`
resize: none; resize: none;
outline: none; outline: none;
font-size: ${SIZES.small}; font-size: ${SIZES.small};
border-radius: 3px;
margin-top: ${SIZES.tiny};
padding-top: 0px;
padding-bottom: 0px;
&::placeholder { &::placeholder {
color: ${props => props.theme.colors.tertiary}; color: ${props => props.theme.colors.tertiary};
} }
&:focus {
box-shadow: 0 0 0 8px ${props => props.theme.colors.bodyBackground},
0 0 0 10px ${props => props.theme.colors.hover};
}
`; `;
class Day extends Component { class Day extends Component {