#6700 Toolbox and dropdown list separators disappear due to small UI scaling (Safari).

Fixes #6700

Author: novikov82

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));
 }

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));
   }
 }

packages/survey-creator-react/package.json

@@ -35,7 +35,8 @@
     "build": "webpack --env buildType=dev --env emitDeclarations --env emitNonSourceFiles && webpack --env buildType=prod && rollup -c",
     "watch:dev": "concurrently \"webpack --env buildType=dev --watch --env emitDeclarations --env emitStyles\" \"rollup -c -w\" ",
     "watch:prod": "webpack --env buildType=prod --watch",
-    "lint": "eslint ./src"
+    "lint": "eslint ./src",
+    "webkit": "npx playwright wk http://127.0.0.1:8082"
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^16.0.0",