Merge pull request #6723 from surveyjs/issue/6700-Toolbox-and-dropdown-list-separators-disappear-due-to-small-UI-scaling-Safari

OlgaLarina · web-flow · commit a3172a5fa345 · 2025-03-12T16:03:05.000+03:00
#6700 Toolbox and dropdown list separators disappear due to small UI scaling (Safari).
diff --git a/packages/survey-creator-core/src/components/list.scss b/packages/survey-creator-core/src/components/list.scss
@@ -133,7 +133,7 @@
 
 .svc-list__item-separator {
   width: 100%;
-  height: var(--ctr-separator-width, var(--sjs-size-x0125));
+  height: var(--ctr-separator-width, var(--sjs-stroke-x1));
   margin: var(--ctr-separator-margin-vertical-small, var(--sjs-spacing-x1)) 0px;
   background-color: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));
 }
diff --git a/packages/survey-creator-core/src/components/toolbox/toolbox.scss b/packages/survey-creator-core/src/components/toolbox/toolbox.scss
@@ -173,7 +173,7 @@
   &:after {
     content: "";
     display: block;
-    height: var(--ctr-toolbox-separator-height, var(--sjs-size-x0125));
+    height: var(--ctr-toolbox-separator-height, var(--sjs-stroke-x1));
     background-color: var(--ctr-toolbox-separator-color, var(--sjs-border-25, #d4d4d4ff));
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -133,7 +133,7 @@`
`133`	`133`
`134`	`134`	`.svc-list__item-separator {`
`135`	`135`	`width: 100%;`
`136`		`- height: var(--ctr-separator-width, var(--sjs-size-x0125));`
	`136`	`+ height: var(--ctr-separator-width, var(--sjs-stroke-x1));`
`137`	`137`	`margin: var(--ctr-separator-margin-vertical-small, var(--sjs-spacing-x1)) 0px;`
`138`	`138`	`background-color: var(--ctr-separator-color, var(--sjs-border-25, #d4d4d4ff));`
`139`	`139`	`}`
Original file line number	Diff line number	Diff line change
`@@ -173,7 +173,7 @@`
`173`	`173`	`&:after {`
`174`	`174`	`content: "";`
`175`	`175`	`display: block;`
`176`		`- height: var(--ctr-toolbox-separator-height, var(--sjs-size-x0125));`
	`176`	`+ height: var(--ctr-toolbox-separator-height, var(--sjs-stroke-x1));`
`177`	`177`	`background-color: var(--ctr-toolbox-separator-color, var(--sjs-border-25, #d4d4d4ff));`
`178`	`178`	`}`
`179`	`179`	`}`