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

adds theme property for background color of nested properties

Browse Source
This commit is contained in:
David Lawrence 2023-01-31 12:09:01 -08:00
parent 33be51a7a4
commit 46ed7c547d
No known key found for this signature in database
GPG Key ID: 4F9411B6083C0CF2
3 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -205,6 +205,6 @@ export const PropertiesTable = styled.table`
${InnerPropertiesWrap} ${InnerPropertiesWrap}
${InnerPropertiesWrap} ${InnerPropertiesWrap}
${InnerPropertiesWrap} { ${InnerPropertiesWrap} {
background: #ffffff; background: ${({ theme }) => theme.schema.nestedPropertiesBackground};
} }
`; `;

10
src/components/__tests__/__snapshots__/DiscriminatorDropdown.test.tsx.snap
View File

@ -228,6 +228,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -499,6 +500,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -757,6 +759,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -1077,6 +1080,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -1360,6 +1364,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -1614,6 +1619,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -1893,6 +1899,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -2202,6 +2209,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -2473,6 +2481,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",
@ -2731,6 +2740,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em", "labelsTextSize": "0.9em",
"linesColor": "#7c7cbb", "linesColor": "#7c7cbb",
"nestedBackground": "#fafafa", "nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em", "nestingSpacing": "1em",
"requireLabelColor": "#d41f1c", "requireLabelColor": "#d41f1c",
"typeNameColor": "#666", "typeNameColor": "#666",

2
src/theme.ts
View File

@ -96,6 +96,7 @@ const defaultTheme: ThemeInterface = {
labelsTextSize: '0.9em', labelsTextSize: '0.9em',
nestingSpacing: '1em', nestingSpacing: '1em',
nestedBackground: '#fafafa', nestedBackground: '#fafafa',
nestedPropertiesBackground: '#ffffff',
arrow: { arrow: {
size: '1.1em', size: '1.1em',
color: theme => theme.colors.text.secondary, color: theme => theme.colors.text.secondary,
@ -306,6 +307,7 @@ export interface ResolvedThemeInterface {
labelsTextSize: string; labelsTextSize: string;
nestingSpacing: string; nestingSpacing: string;
nestedBackground: string; nestedBackground: string;
nestedPropertiesBackground: string;
arrow: { arrow: {
size: string; size: string;
color: string; color: string;