Change RightPanel spacing for schema imports only

[rohit-gohri]

Discussed in #165

^{Originally posted by erodewald April 5, 2022}
The default theme of redoc has a lot of spacing built in, but when I include a schema import with the example enabled, there's too little horizontal space, which results in a lot of scrolling in my example.

I was hoping that I could pass in some additional props into the React component, but it seems to have no effect.

<ApiSchema
	id="diagnostics"
	example
	pointer="#/components/schemas/DiagnosticLifecycleEvent"
	exampleRef="#/components/examples/simulatedLifecycleEvent"
        theme={{spacing:{unit:0}}}                                   <!-- attempt 1 -->
        options={{theme:{spacing:{unit:0,sectionHorizontal:20}}}}    <!-- attempt 2 -->
/>

I'm using the following line as a clue that this is possible:

redocusaurus/packages/docusaurus-theme-redoc/src/theme/ApiSchema/ApiSchema.tsx

Line 42 in c5e55d5

{...rest}

Along with this from redocly, which seems to correlate:
https://github.com/Redocly/redoc/blob/a160498089a44ebf540745b55fbaf18a54eb9d88/src/components/SchemaDefinition/SchemaDefinition.tsx?ts=2#L86

I am probably way off, let me know if you have any ideas.

[stv0g]

I am facing the same issue while attempting to pass the schemaExpansionLevel option to an <ApiSchema> component.

Do you have any idea how to achieve this either for a single instance or globally? The redocly.yaml config file does not seem to work either for <ApiSchema> components :(