From 8e86f966987952cf7d6319876fb791c506a9d0fc Mon Sep 17 00:00:00 2001 From: Heikki Hellgren Date: Wed, 8 Jan 2025 08:47:02 +0200 Subject: [PATCH] chore: prevent collision by default in custom home page Signed-off-by: Heikki Hellgren --- .changeset/polite-apricots-exercise.md | 8 ++++++++ .../src/components/CustomHomepage/CustomHomepageGrid.tsx | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 .changeset/polite-apricots-exercise.md diff --git a/.changeset/polite-apricots-exercise.md b/.changeset/polite-apricots-exercise.md new file mode 100644 index 0000000000..975ddbbc9c --- /dev/null +++ b/.changeset/polite-apricots-exercise.md @@ -0,0 +1,8 @@ +--- +'@backstage/plugin-home': patch +--- + +Enable collision prevention by default in custom home page. + +This change ensures that items in the home page will not collide with each other +making the user experience better. diff --git a/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx b/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx index c87ece4a9c..b5e502ad33 100644 --- a/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx +++ b/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx @@ -349,7 +349,7 @@ export const CustomHomepageGrid = (props: CustomHomepageGridProps) => { compactType={props.compactType} style={props.style} allowOverlap={props.allowOverlap} - preventCollision={props.preventCollision} + preventCollision={props.preventCollision ?? true} draggableCancel=".overlayGridItem,.widgetSettingsDialog,.disabled" containerPadding={props.containerPadding} margin={props.containerMargin}