Skip to content

fix(orchestrator): fix CSS bugs for variables dialog and input schema…#990

Merged
batzionb merged 1 commit intoredhat-developer:mainfrom
LiorSoffer:variables
Jun 23, 2025
Merged

fix(orchestrator): fix CSS bugs for variables dialog and input schema…#990
batzionb merged 1 commit intoredhat-developer:mainfrom
LiorSoffer:variables

Conversation

@LiorSoffer
Copy link
Copy Markdown
Contributor

@LiorSoffer LiorSoffer commented Jun 18, 2025

resolve FLPATH-2417

Screenshot from 2025-06-18 15-25-43
Screenshot from 2025-06-18 15-25-51
Screenshot from 2025-06-18 15-26-02
Screenshot from 2025-06-18 15-26-16

Screenshot from 2025-06-18 15-23-37
Screenshot from 2025-06-18 15-24-17
Screenshot from 2025-06-18 15-24-36
Screenshot from 2025-06-18 15-24-59

@rhdh-gh-app
Copy link
Copy Markdown

rhdh-gh-app Bot commented Jun 18, 2025

Changed Packages

Package Name Package Path Changeset Bump Current Version
@red-hat-developer-hub/backstage-plugin-orchestrator workspaces/orchestrator/plugins/orchestrator patch v3.1.0

Copy link
Copy Markdown
Member

@mareklibra mareklibra left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, this is a great improvement.

return (
<Paper
elevation={1}
sx={{
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can these sx properties be replaced by classes? (makeStyles etc.)
Let's not mix different code styles unless necessary.

paddingBottom: theme.spacing(2),
backgroundColor: isDarkMode ? '#151515' : '#F0F0F0',
maxWidth: 600,
marginTop: '10px',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we should use rem and not px

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

reason being - when you make the font bigger the size doesn't adjust when it's px

@batzionb
Copy link
Copy Markdown
Contributor

@LiorSoffer
The codesnipper component doesn't work well with the RHDH theme?

@LiorSoffer
Copy link
Copy Markdown
Contributor Author

@batzionb it looked bad plus the syntax highlighting was red and I couldn't change it

padding: '25px 0',
}}
/>
<JsonCodeBlock isDarkMode={isDarkMode} value={inputSchema} />
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<JsonCodeBlock isDarkMode={isDarkMode} value={inputSchema} />
<JsonCodeBlock isDarkMode={isDarkMode} value={inputSchema?.inputSchema} />

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this way we will see the input schema directly instead of being wrapped by another layer with key inputSchema

… dialog

Signed-off-by: Lior Soffer <liorsoffer1@gmail.com>
@sonarqubecloud
Copy link
Copy Markdown

@batzionb batzionb merged commit 3dda068 into redhat-developer:main Jun 23, 2025
9 checks passed
@LiorSoffer LiorSoffer deleted the variables branch August 28, 2025 12:16
elai-shalev pushed a commit to elai-shalev/rhdh-plugins that referenced this pull request Jan 21, 2026
… dialog (redhat-developer#990)

Signed-off-by: Lior Soffer <liorsoffer1@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants