Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-08 06:04:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

Consider accessibility of uppercase text.

Browse Source
This commit is contained in:
exoego 2018-11-11 17:34:17 +09:00
parent 0180a44449
commit d6849fb5fa
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/common-elements/ReadMore.tsx
View File

@ -37,6 +37,11 @@ const ReadMoreButton = styled.span`
border-radius: 2px; border-radius: 2px;
`; `;
const ReadMoreButtonText = styled.span`
text-transform: uppercase;
`;
export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> { export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> {
constructor(props: ReadMoreProps) { constructor(props: ReadMoreProps) {
super(props); super(props);
@ -67,7 +72,9 @@ export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> {
color={'white'} color={'white'}
direction={this.state.open ? 'up' : 'down'} direction={this.state.open ? 'up' : 'down'}
/> />
{this.state.open ? 'CLOSE' : 'READ MORE'} <ReadMoreButtonText>
{this.state.open ? 'Read More' : 'Close'}
</ReadMoreButtonText>
</ReadMoreButton> </ReadMoreButton>
</ReadMoreButtonBackground> </ReadMoreButtonBackground>
<Markdown source={content} /> <Markdown source={content} />