survey-creator-core 1.9.107 → 1.9.108

package/fonts.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.107
+ * SurveyJS Creator v1.9.108
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/fonts.fontless.min.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.107
+ * SurveyJS Creator v1.9.108
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-core",
-  "version": "1.9.107",
+  "version": "1.9.108",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -34,7 +34,7 @@
     }
   },
   "dependencies": {
-    "survey-core": "1.9.107"
+    "survey-core": "1.9.108"
   },
   "devDependencies": {}
 }

package/survey-creator-core.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.107
+ * SurveyJS Creator v1.9.108
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -225,7 +225,7 @@
 }
 
 /*# sourceMappingURL=fonts.fontless.css.map*//*!
- * SurveyJS Creator v1.9.107
+ * SurveyJS Creator v1.9.108
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1288,6 +1288,13 @@ td.st-table__cell:first-of-type span {
 .svc-logic-tab__leave-apply-button {
   background-color: var(--sjs-special-red, var(--red, #e60a3e));
 }
+
+.sl-list .sv-list__filter {
+  padding-top: 0;
+}
+.sl-list .sv-list__filter-icon {
+  top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 svc-tab-designer {
   width: 100%;
   height: 100%;
@@ -1333,7 +1340,6 @@ svc-tab-designer {
 }
 .svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
   max-width: initial;
-  padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-tab-designer .sd-question.sd-question--image {
   width: 100%;
@@ -1370,6 +1376,9 @@ svc-tab-designer {
 .svc-designer-placeholder-page .svc-row--ghost {
   display: none;
 }
+.svc-creator--mobile .svc-tab-designer {
+  overflow-y: overlay;
+}
 .svc-creator--mobile .sd-root-modern {
   --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -1391,12 +1400,18 @@ svc-tab-designer {
   padding-right: 0;
   border: 0;
 }
+.svc-creator--mobile .svc-page__content .sd-page__title {
+  margin: 0;
+}
+.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {
+  margin: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 0 0;
+}
 .svc-creator--mobile .svc-page__content .sd-page {
-  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-page__content .svc-page__footer {
-  margin-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-question__content {
   padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -1408,7 +1423,7 @@ svc-tab-designer {
   justify-content: initial;
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
-  padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   flex-direction: column-reverse;
   align-items: flex-start;
 }
@@ -1417,6 +1432,7 @@ svc-tab-designer {
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {
   margin-left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-top: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
   margin: 0;
@@ -1427,7 +1443,8 @@ svc-tab-designer {
   margin: 0;
 }
 .svc-creator--mobile .svc-tab-designer .sd-container-modern {
-  min-width: calc(46 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  min-width: calc(43 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: 0;
 }
 .svc-creator--mobile .svc-properties-wrapper {
   width: 100%;
@@ -1709,6 +1726,10 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
   top: initial;
   bottom: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+
+.sv-list__filter {
+  margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 .sd-element__title .svc-string-editor {
   display: inline-block;
   max-width: 100%;
@@ -2175,7 +2196,7 @@ svc-page {
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
 .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
 .svc-hovered.svc-page__content--selected {
-  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
+  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
@@ -2974,6 +2995,25 @@ svc-question .sv-action-bar,
   margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+.svc-question__content .sd-rating.sd-rating--wrappable fieldset {
+  min-width: 0;
+}
+.svc-question__content .sd-rating .sd-rating__item-text {
+  max-width: 100%;
+}
+.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {
+  white-space: nowrap;
+}
+.svc-question__content .sd-rating .svc-string-editor__content {
+  width: 100%;
+}
+.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
+  text-overflow: initial;
+}
 .svc-question__content .sd-question--table .sd-rating {
   margin-inline-start: 0;
   width: fit-content;
@@ -3001,12 +3041,12 @@ svc-question .sv-action-bar,
   margin-inline-start: 0;
   width: 100%;
 }
-.svc-creator--mobile .svc-question__content legend + .sd-rating__item,
-.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,
-.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item {
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {
   margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);
 }
-.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text {
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {
   margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-item-value-wrapper {
@@ -3027,9 +3067,14 @@ svc-question .sv-action-bar,
   padding-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.svc-question__content .sd-selectbase__column:not(.sd-imagepicker__column):not(:first-of-type) {
+.svc-question__content .sd-selectbase__column {
   margin-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,
+.svc-question__content .sd-selectbase__column:first-of-type,
+.svc-question__content .sd-imagepicker__column {
+  margin-left: 0;
+}
 .svc-question__content .sd-selectbase__column:not(:last-child) {
   padding-right: 0;
 }
@@ -3216,13 +3261,45 @@ svc-question .sv-action-bar,
   left: 35px;
 }
 
-.svc-creator--mobile .svc-tab-designer .svc-item-value-controls__drag-icon {
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {
+  min-width: initial;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {
+  min-width: 64px;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
+  padding-right: 0;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
   visibility: visible;
 }
-.svc-creator--mobile .svc-tab-designer .svc-item-value-wrapper {
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
   margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.svc-creator--mobile .svc-tab-designer .svc-item-value-controls__drag {
+
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
+  visibility: visible;
+}
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
+  margin-left: calc(-6 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
   padding-left: 0;
   padding-right: 0;
 }
@@ -4895,7 +4972,8 @@ button.spg-action-button--large {
   height: 1px;
   width: 1px;
   overflow: hidden;
-  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px 1px 1px 1px);
+  /* IE6, IE7 */
   clip: rect(1px, 1px, 1px, 1px);
   left: 0;
   top: 100%;
@@ -4935,6 +5013,10 @@ button.spg-action-button--large {
   opacity: 0.25;
 }
 
+.spg-color-editor__color-swatch--default .sv-svg-icon {
+  opacity: 1;
+}
+
 .spg-color-editor .spg-input__edit-button + * {
   margin-inline-end: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.107
+ * SurveyJS Creator v1.9.108
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1062,6 +1062,13 @@ td.st-table__cell:first-of-type span {
 .svc-logic-tab__leave-apply-button {
   background-color: var(--sjs-special-red, var(--red, #e60a3e));
 }
+
+.sl-list .sv-list__filter {
+  padding-top: 0;
+}
+.sl-list .sv-list__filter-icon {
+  top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 svc-tab-designer {
   width: 100%;
   height: 100%;
@@ -1107,7 +1114,6 @@ svc-tab-designer {
 }
 .svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
   max-width: initial;
-  padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-tab-designer .sd-question.sd-question--image {
   width: 100%;
@@ -1144,6 +1150,9 @@ svc-tab-designer {
 .svc-designer-placeholder-page .svc-row--ghost {
   display: none;
 }
+.svc-creator--mobile .svc-tab-designer {
+  overflow-y: overlay;
+}
 .svc-creator--mobile .sd-root-modern {
   --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -1165,12 +1174,18 @@ svc-tab-designer {
   padding-right: 0;
   border: 0;
 }
+.svc-creator--mobile .svc-page__content .sd-page__title {
+  margin: 0;
+}
+.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {
+  margin: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 0 0;
+}
 .svc-creator--mobile .svc-page__content .sd-page {
-  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-page__content .svc-page__footer {
-  margin-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-question__content {
   padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -1182,7 +1197,7 @@ svc-tab-designer {
   justify-content: initial;
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
-  padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   flex-direction: column-reverse;
   align-items: flex-start;
 }
@@ -1191,6 +1206,7 @@ svc-tab-designer {
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {
   margin-left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-top: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
   margin: 0;
@@ -1201,7 +1217,8 @@ svc-tab-designer {
   margin: 0;
 }
 .svc-creator--mobile .svc-tab-designer .sd-container-modern {
-  min-width: calc(46 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  min-width: calc(43 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: 0;
 }
 .svc-creator--mobile .svc-properties-wrapper {
   width: 100%;
@@ -1483,6 +1500,10 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
   top: initial;
   bottom: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+
+.sv-list__filter {
+  margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 .sd-element__title .svc-string-editor {
   display: inline-block;
   max-width: 100%;
@@ -1949,7 +1970,7 @@ svc-page {
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
 .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
 .svc-hovered.svc-page__content--selected {
-  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
+  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
@@ -2748,6 +2769,25 @@ svc-question .sv-action-bar,
   margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+.svc-question__content .sd-rating.sd-rating--wrappable fieldset {
+  min-width: 0;
+}
+.svc-question__content .sd-rating .sd-rating__item-text {
+  max-width: 100%;
+}
+.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {
+  white-space: nowrap;
+}
+.svc-question__content .sd-rating .svc-string-editor__content {
+  width: 100%;
+}
+.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
+  text-overflow: initial;
+}
 .svc-question__content .sd-question--table .sd-rating {
   margin-inline-start: 0;
   width: fit-content;
@@ -2775,12 +2815,12 @@ svc-question .sv-action-bar,
   margin-inline-start: 0;
   width: 100%;
 }
-.svc-creator--mobile .svc-question__content legend + .sd-rating__item,
-.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,
-.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item {
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {
   margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);
 }
-.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text {
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {
   margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-item-value-wrapper {
@@ -2801,9 +2841,14 @@ svc-question .sv-action-bar,
   padding-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.svc-question__content .sd-selectbase__column:not(.sd-imagepicker__column):not(:first-of-type) {
+.svc-question__content .sd-selectbase__column {
   margin-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,
+.svc-question__content .sd-selectbase__column:first-of-type,
+.svc-question__content .sd-imagepicker__column {
+  margin-left: 0;
+}
 .svc-question__content .sd-selectbase__column:not(:last-child) {
   padding-right: 0;
 }
@@ -2990,13 +3035,45 @@ svc-question .sv-action-bar,
   left: 35px;
 }
 
-.svc-creator--mobile .svc-tab-designer .svc-item-value-controls__drag-icon {
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {
+  min-width: initial;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {
+  min-width: 64px;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
+  padding-right: 0;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
   visibility: visible;
 }
-.svc-creator--mobile .svc-tab-designer .svc-item-value-wrapper {
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
   margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.svc-creator--mobile .svc-tab-designer .svc-item-value-controls__drag {
+
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
+  visibility: visible;
+}
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
+  margin-left: calc(-6 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
   padding-left: 0;
   padding-right: 0;
 }
@@ -4669,7 +4746,8 @@ button.spg-action-button--large {
   height: 1px;
   width: 1px;
   overflow: hidden;
-  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px 1px 1px 1px);
+  /* IE6, IE7 */
   clip: rect(1px, 1px, 1px, 1px);
   left: 0;
   top: 100%;
@@ -4709,6 +4787,10 @@ button.spg-action-button--large {
   opacity: 0.25;
 }
 
+.spg-color-editor__color-swatch--default .sv-svg-icon {
+  opacity: 1;
+}
+
 .spg-color-editor .spg-input__edit-button + * {
   margin-inline-end: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }