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