Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-02 19:30:19 +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} {
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",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -499,6 +500,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -757,6 +759,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -1077,6 +1080,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -1360,6 +1364,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -1614,6 +1619,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -1893,6 +1899,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -2202,6 +2209,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -2473,6 +2481,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",
@ -2731,6 +2740,7 @@ exports[`Components SchemaView discriminator should correctly render SchemaView
"labelsTextSize": "0.9em",
"linesColor": "#7c7cbb",
"nestedBackground": "#fafafa",
"nestedPropertiesBackground": "#ffffff",
"nestingSpacing": "1em",
"requireLabelColor": "#d41f1c",
"typeNameColor": "#666",

2
src/theme.ts
View File

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