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

fix: AppInfo and MiddlePanel support RTL

Browse Source
This commit is contained in:
Arian Rahimi 2019-08-27 14:58:11 +04:30
parent d6f9778232
commit f787bc14af
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/common-elements/panels.ts
View File

@ -4,6 +4,8 @@ import styled, { media } from '../styled-components';
export const MiddlePanel = styled.div` export const MiddlePanel = styled.div`
width: calc(100% - ${props => props.theme.rightPanel.width}); width: calc(100% - ${props => props.theme.rightPanel.width});
padding: 0 ${props => props.theme.spacing.sectionHorizontal}px; padding: 0 ${props => props.theme.spacing.sectionHorizontal}px;
direction: ${props => props.theme.typography.direction || 'ltr'};
text-align: ${props => (props.theme.typography.direction === 'rtl') ? 'right' : 'inherit'};
${media.lessThan('medium', true)` ${media.lessThan('medium', true)`
width: 100%; width: 100%;

10
src/components/ApiInfo/styled.elements.ts
View File

@ -28,7 +28,15 @@ export const DownloadButton = styled.a`
export const InfoSpan = styled.span` export const InfoSpan = styled.span`
&::before { &::before {
content: '|'; content: '|';
display: inline-block; display: ${props => (props.theme.typography.direction === 'ltr') ? 'inline-block' : 'none'};
opacity: 0.5;
width: ${delimiterWidth}px;
text-align: center;
}
&::after {
content: '|';
display: ${props => (props.theme.typography.direction === 'rtl') ? 'inline-block' : 'none'};
opacity: 0.5; opacity: 0.5;
width: ${delimiterWidth}px; width: ${delimiterWidth}px;
text-align: center; text-align: center;