#6681 Toolbox subitems: A bottom subitem's shadow overflows the container (#6684)

novikov82 · web-flow · commit e6a93ac933f6 · 2025-03-05T09:49:59.000+03:00
Fixes #6681
diff --git a/packages/survey-creator-core/src/components/toolbox/toolbox-tool.scss b/packages/survey-creator-core/src/components/toolbox/toolbox-tool.scss
@@ -318,6 +318,7 @@
   .sv-list__container {
     flex-wrap: wrap;
     column-gap: calcSize(2);
+    row-gap: var(--ctr-toolbox-group-gap, var(--sjs-spacing-x05));
   }
 
   .sv-popup__body-content {
@@ -343,6 +344,7 @@
     padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, var(--sjs-spacing-x150));
     padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, var(--sjs-spacing-x150));
     overflow: visible;
+    box-sizing: border-box;
   }
 
   .sv-list__item:hover > .sv-list__item-body,
@@ -395,6 +397,10 @@
   .svc-toolbox__item-title {
     padding: 0;
   }
+
+  .svc-toolbox__tool-content {
+    padding-block-start: 0;
+  }
 }
 
 .svc-toolbox__tool--dots {

Original file line number	Diff line number	Diff line change
`@@ -318,6 +318,7 @@`
`318`	`318`	`.sv-list__container {`
`319`	`319`	`flex-wrap: wrap;`
`320`	`320`	`column-gap: calcSize(2);`
	`321`	`+ row-gap: var(--ctr-toolbox-group-gap, var(--sjs-spacing-x05));`
`321`	`322`	`}`
`322`	`323`
`323`	`324`	`.sv-popup__body-content {`
`@@ -343,6 +344,7 @@`
`343`	`344`	`padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, var(--sjs-spacing-x150));`
`344`	`345`	`padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, var(--sjs-spacing-x150));`
`345`	`346`	`overflow: visible;`
	`347`	`+ box-sizing: border-box;`
`346`	`348`	`}`
`347`	`349`
`348`	`350`	`.sv-list__item:hover > .sv-list__item-body,`
`@@ -395,6 +397,10 @@`
`395`	`397`	`.svc-toolbox__item-title {`
`396`	`398`	`padding: 0;`
`397`	`399`	`}`
	`400`	`+`
	`401`	`+ .svc-toolbox__tool-content {`
	`402`	`+ padding-block-start: 0;`
	`403`	`+ }`
`398`	`404`	`}`
`399`	`405`
`400`	`406`	`.svc-toolbox__tool--dots {`