Skip to content

Fix parameters definitions panel content clipping on AddCase page#370

Open
Vishal27alpha wants to merge 2 commits intoEAPD-DRB:mainfrom
Vishal27alpha:fix/parameters-panel-horizontal-scroll
Open

Fix parameters definitions panel content clipping on AddCase page#370
Vishal27alpha wants to merge 2 commits intoEAPD-DRB:mainfrom
Vishal27alpha:fix/parameters-panel-horizontal-scroll

Conversation

@Vishal27alpha
Copy link
Copy Markdown

@Vishal27alpha Vishal27alpha commented Mar 24, 2026

Summary

Fixes content clipping in the Parameters definitions panel on the
Model configuration page.

Linked issue

Closes #366

Change made

Modified .dropdown-menu-extra-wide class in osy.css:

  • Changed min-width: 1520px to min-width: 0 to prevent the panel
    from overflowing the viewport
  • Added width: min(1520px, calc(100vw - 120px)) so the panel respects
    the viewport width
  • Added max-width: calc(100vw - 120px) to cap the panel within screen bounds
  • Added overflow-x: auto to enable horizontal scrolling when content
    exceeds the panel width

Related work reviewed

None found.

Overlap classification

None

Why this PR should proceed

Minimal fix for a confirmed UI bug. No architectural changes.

Copilot AI review requested due to automatic review settings March 24, 2026 13:32
@github-actions github-actions bot added the needs-intake-fix PR intake structure needs maintainer follow-up label Mar 24, 2026
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR addresses UI content clipping in the “Parameters definitions” dropdown/panel on the Model configuration (AddCase) page by adjusting the CSS for the extra-wide dropdown container.

Changes:

  • Updated .dropdown-menu-extra-wide sizing rules to be responsive to viewport width.
  • Added horizontal scrolling (overflow-x: auto) to prevent content from being clipped.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@brightyorcerf
Copy link
Copy Markdown
Contributor

brightyorcerf commented Mar 26, 2026

Hey! Just a heads-up: GitHub's automation needs the format Closes #366 (without the brackets) to officially link the issue.

You should edit the description to remove the [ ], then others can see it linked in the sidebar.

@Vishal27alpha
Copy link
Copy Markdown
Author

@brightyorcerf Thanks,I have updated the description

Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 1 out of 1 changed files in this pull request and generated 2 comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

needs-intake-fix PR intake structure needs maintainer follow-up

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Track: Cross-Platform] Parameters definitions panel content clipped with no horizontal scroll

3 participants