Improving the responsiveness of the tech-radar component

[sqsp-rwatkins]

Hey, I just made a Pull Request!

This PR improves the responsiveness of the tech radar component. The following behaviour changes have been made:

• Columns have a minimum width to avoid overlapping
• Columns in the legend reduce from a maximum of 3 down to 1 column as the screen narrows
• The radar adjusts in size depending on the screen size
• The radar remains centered between the 2 legends

✔️ Checklist

• A changeset describing the change and affected packages. (more info)
• Added or updated documentation
• Tests for new functionality and regression tests for bug fixes
• Screenshots attached (for UI changes)
• All your commits have a Signed-off-by line in the message. (more info)

Screenshots

Collapsed sidebar

Full size (3 columns)

Narrower (2 columns)

Very narrow (1 column)

Pinned sidebar

Full size (3 columns)

Narrower (2 columns)

Very narrow (1 column)

Video

DC97489A-5DA4-4C51-8DB7-200281B64396.1.1.mov

[backstage-goalie]

Changed Packages

Package Name	Package Path	Changeset Bump	Current Version
@backstage-community/plugin-tech-radar	workspaces/tech-radar/plugins/tech-radar	major	v1.0.0