IDE selection modal window not fiting in screen

[FabienTregan]

Bug description

After first login, you are shown a modal windows to select you IDE.
On low resolution screen (mine is 1366x768), the window does not fit in screen, there is no scrollbar and you don't even know there is a button that must be clicked (which is outside the screen)

Steps to reproduce

have a low resolution screen
register account
log in

Workspace affected

No response

Expected behavior

the windows fits in screen or there is a scrollbar

Example repository

No response

Anything else?

No response

[geropl]

@gtsiolis pinging you for awareness. I feel it would be nice to have a general solution for all our pages - even if it's suboptimal, e.g. like adding a scrollbar.

[gtsiolis]

Thanks for noticing, @FabienTregan! 👀

🅰️ Using a scrollbar area in the modal would be great and has been needed in the past, see #3829. Sounds also like a good skateboard and boring (simple) solution, towards improving the overall responsive design of the dashboard (#4050). 🛹

🅱️ FYI, In the future, I'd expect the editor selection card component to be replaced with a more flexible dropdown component, which would resolve the issue here, see screenshot below. Generally, keeping contents of the modal short and sweet sounds ideal. In this case, we also wanted to reuse the same components.

Thanks for the ping, @geropl! 🏓

Early design for editor selection through a dropdown

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[gtsiolis]

Closing this as it has been resolved in #15084. Thanks, @selfcontained!