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

Remove opacity, grab ExtensionValue from fields.ts

Browse Source
This commit is contained in:
Jon Nicholson 2019-03-15 11:18:10 +00:00
parent 6f48090b53
commit ed8dc62d32
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -88,6 +88,8 @@ export const ExampleValue = styled(FieldLabel)`
${extensionsHook('ExampleValue')};
`;
export const ExtensionValue = styled(ExampleValue)``;
export const ConstraintItem = styled(FieldLabel)`
border-radius: 2px;
${({ theme }) => `

9
src/components/Fields/Extensions.tsx
View File

@ -1,6 +1,6 @@
import * as React from 'react';
import { FieldLabel } from '../../common-elements/fields';
import { FieldLabel, ExtensionValue } from '../../common-elements/fields';
import styled from '../../styled-components';
@ -9,7 +9,6 @@ import { OptionsContext } from '../OptionsProvider';
import { StyledMarkdownBlock } from '../Markdown/styled.elements';
const Extension = styled(StyledMarkdownBlock)`
opacity: 0.9;
margin: 2px 0;
`;
@ -28,10 +27,8 @@ export class Extensions extends React.PureComponent<ExtensionsProps> {
{options.showExtensions &&
Object.keys(this.props.extensions).map(key => (
<Extension key={key}>
<FieldLabel>{key.substring(2)}:</FieldLabel>{' '}
<code>
{JSON.stringify(this.props.extensions[key]).replace(/(^")|("$)/g, '')}
</code>
<FieldLabel>{key.substring(2)}:</FieldLabel>
<ExtensionValue>{JSON.stringify(this.props.extensions[key]).replace(/(^")|("$)/g, '')}</ExtensionValue>
</Extension>
))}
</>