survey-creator-core 1.9.107 → 1.9.109

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.107
+ * SurveyJS Creator v1.9.109
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -69,7 +69,7 @@ svc-tab-json-editor-textarea {
 .svc-json-editor-tab__errros_button {
   position: absolute;
   top: 0%;
-  right: calc(0% + (2 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
   min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   border: none;
@@ -81,8 +81,8 @@ svc-tab-json-editor-textarea {
 .svc-json-editor-tab__content-errors {
   position: absolute;
   right: 0%;
-  top: calc(0% + (3 * var(--sjs-base-unit, var(--base-unit, 8px))));
-  max-width: calc(100% - (2 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding: var(--sjs-base-unit, var(--base-unit, 8px));
   background-color: var(--sjs-general-backcolor, var(--background, #fff));
   background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
@@ -329,7 +329,7 @@ svc-tab-test {
 }
 
 .svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
-  height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
 .svc-test-tab__content-actions {
@@ -688,7 +688,7 @@ svc-tab-test {
 }
 
 .st-strings {
-  height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
   overflow-y: auto;
   overflow-x: hidden;
 }
@@ -807,7 +807,7 @@ td.st-table__cell:first-of-type span {
 }
 
 .svc-tab-logic-edit__content {
-  height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
   overflow-y: auto;
   overflow-x: hidden;
   padding-left: 16%;
@@ -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%;
@@ -1249,7 +1266,7 @@ svc-tab-test {
 }
 
 .svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
-  height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
 .svc-test-tab__content-actions {
@@ -1380,16 +1397,16 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
 }
 
 .svc-creator__area.svc-creator__area--with-banner {
-  height: calc(100% - (4 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
 .svc-creator__content-wrapper {
   width: 100%;
-  height: calc(100% - (8 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
 .svc-creator__content-wrapper--footer-toolbar {
-  height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
 .svc-creator__content-holder {
@@ -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;
 }
@@ -3205,7 +3282,7 @@ svc-question .sv-action-bar,
 .svd-test-results .svd-test-results__text {
   display: flex;
   padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  width: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
   overflow: auto;
   user-select: text;
   white-space: pre-wrap;
@@ -3795,7 +3872,7 @@ svc-toolbox {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  height: calc(100% - (8 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));
   overflow-y: auto;
   background-color: var(--sjs-general-backcolor, var(--background, #fff));
 }
@@ -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)));
 }