survey-creator-core 1.9.89 → 1.9.90

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.89
+ * SurveyJS Creator v1.9.90
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -874,7 +874,7 @@ svc-tab-designer {
 .svc-designer-placeholder-page {
   margin-top: calc(2 * var(--base-unit, 8px)); }
 
-.svc-designer-placeholder-page .svc-page__add-new-question {
+.svc-designer-placeholder-page .svc-page__footer {
   width: calc(33 * var(--base-unit, 8px));
   margin: auto; }
 
@@ -898,7 +898,7 @@ svc-tab-designer {
   border: 0; }
   .svc-creator--mobile .svc-page__content .sd-page {
     padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
-  .svc-creator--mobile .svc-page__content .svc-page__add-new-question {
+  .svc-creator--mobile .svc-page__content .svc-page__footer {
     margin-left: calc(2 * var(--base-unit, 8px));
     margin-right: calc(2 * var(--base-unit, 8px)); }
 
@@ -943,6 +943,78 @@ svc-tab-designer {
     .svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {
       display: none; }
 
+svc-tab-test {
+  width: 100%;
+  height: 100%;
+  background: var(--background-dim, #f3f3f3); }
+
+.svc-test-tab__content .svc-plugin-tab__content {
+  overflow-y: overlay; }
+  .svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
+  .svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
+    margin: 0;
+    border: 0;
+    background-color: var(--background-dim, #f3f3f3); }
+  .svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
+    border: 0; }
+  .svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
+    width: calc(33 * var(--base-unit, 8px));
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 72px;
+    margin-top: 8px; }
+
+.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
+  height: calc(100% - calc(6 * var(--base-unit, 8px))); }
+
+.svc-test-tab__content-actions {
+  position: relative; }
+  .svc-test-tab__content-actions .sv-action-bar {
+    padding: 0;
+    height: calc(6 * var(--base-unit, 8px));
+    background: var(--background, #fff);
+    border-top: 1px solid var(--border, #d6d6d6);
+    width: 100%;
+    position: absolute; }
+  .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
+    left: 0;
+    right: 0;
+    justify-content: center;
+    gap: calc(1 * var(--base-unit, 8px)); }
+    .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
+      padding: 0; }
+    .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
+      margin: 0; }
+  .svc-test-tab__content-actions .sv-action-bar-item {
+    font-family: var(--font-family);
+    font-style: normal;
+    font-weight: 600;
+    font-size: calc(1.5 * var(--base-unit, 8px));
+    line-height: calc(2 * var(--base-unit, 8px));
+    width: 100%;
+    height: calc(4 * var(--base-unit, 8px)); }
+  .svc-test-tab__content-actions .svc-page-selector {
+    max-width: 50%; }
+    .svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      color: var(--foreground, #161616);
+      display: inline-block; }
+
+.svc-test-tab__content .sd-body--empty {
+  font-family: var(--font-family);
+  font-style: normal;
+  font-weight: 400;
+  font-size: calc(2 * var(--base-unit, 8px));
+  color: var(--foreground, #161616);
+  width: 100%;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  text-align: center;
+  overflow: hidden; }
+
 .svc-notifier.svc-notifier--shown {
   visibility: visible;
   opacity: 0.75; }
@@ -1289,78 +1361,6 @@ survey-creator,
   opacity: 0.25;
   color: var(--foreground, #161616); }
 
-svc-tab-test {
-  width: 100%;
-  height: 100%;
-  background: var(--background-dim, #f3f3f3); }
-
-.svc-test-tab__content .svc-plugin-tab__content {
-  overflow-y: overlay; }
-  .svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
-  .svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
-    margin: 0;
-    border: 0;
-    background-color: var(--background-dim, #f3f3f3); }
-  .svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
-    border: 0; }
-  .svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
-    width: calc(33 * var(--base-unit, 8px));
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 72px;
-    margin-top: 8px; }
-
-.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
-  height: calc(100% - calc(6 * var(--base-unit, 8px))); }
-
-.svc-test-tab__content-actions {
-  position: relative; }
-  .svc-test-tab__content-actions .sv-action-bar {
-    padding: 0;
-    height: calc(6 * var(--base-unit, 8px));
-    background: var(--background, #fff);
-    border-top: 1px solid var(--border, #d6d6d6);
-    width: 100%;
-    position: absolute; }
-  .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
-    left: 0;
-    right: 0;
-    justify-content: center;
-    gap: calc(1 * var(--base-unit, 8px)); }
-    .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
-      padding: 0; }
-    .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
-      margin: 0; }
-  .svc-test-tab__content-actions .sv-action-bar-item {
-    font-family: var(--font-family);
-    font-style: normal;
-    font-weight: 600;
-    font-size: calc(1.5 * var(--base-unit, 8px));
-    line-height: calc(2 * var(--base-unit, 8px));
-    width: 100%;
-    height: calc(4 * var(--base-unit, 8px)); }
-  .svc-test-tab__content-actions .svc-page-selector {
-    max-width: 50%; }
-    .svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      color: var(--foreground, #161616);
-      display: inline-block; }
-
-.svc-test-tab__content .sd-body--empty {
-  font-family: var(--font-family);
-  font-style: normal;
-  font-weight: 400;
-  font-size: calc(2 * var(--base-unit, 8px));
-  color: var(--foreground, #161616);
-  width: 100%;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  text-align: center;
-  overflow: hidden; }
-
 svc-page-navigator,
 .svc-page-navigator {
   display: flex;
@@ -1577,11 +1577,19 @@ svc-page {
     .svc-hovered.svc-page__content--selected .svc-page__content-actions {
       display: block; }
 
-.svc-page__add-new-question {
+.svc-page__footer {
+  overflow: visible;
   margin-left: calc(3 * var(--base-unit, 8px));
-  margin-right: calc(3 * var(--base-unit, 8px)); }
-  .svc-page__add-new-question .svc-text {
-    margin-left: calc(6 * var(--base-unit, 8px)); }
+  margin-right: calc(3 * var(--base-unit, 8px));
+  gap: calc(2 * var(--base-unit, 8px)); }
+  .svc-page__footer .sv-action {
+    flex: 1 1 0; }
+  .svc-page__footer .svc-btn {
+    flex-grow: 1;
+    border: none; }
+
+.svc-page__add-new-question .svc-text {
+  margin-left: calc(6 * var(--base-unit, 8px)); }
 
 .svc-page__question-type-selector {
   appearance: none;
@@ -1602,8 +1610,18 @@ svc-page {
   .svc-page__question-type-selector:focus {
     background-color: var(--sjs-primary-backcolor-light, rgba(25, 179, 148, 0.1)); }
 
+.svc-page--drag-over-empty:after {
+  content: " ";
+  position: absolute;
+  background: var(--secondary, #ff9814);
+  left: calc(3 * var(--base-unit, 8px));
+  bottom: calc(11 * var(--base-unit, 8px));
+  width: calc(100% - 48px);
+  height: 4px; }
+
 .svc-row {
-  width: 100%; }
+  width: 100%;
+  position: relative; }
 
 .svc-row .sd-row--multiple {
   padding: calc(1 * var(--base-unit, 8px));
@@ -1639,6 +1657,32 @@ svc-page {
   margin-top: calc(2 * var(--base-unit, 8px));
   margin-bottom: calc(2 * var(--base-unit, 8px)); }
 
+.svc-row--drag-over-top:before {
+  content: " ";
+  position: absolute;
+  left: 0;
+  background: var(--secondary, #ff9814);
+  top: 6px;
+  width: 100%;
+  height: 4px; }
+
+.svc-row--drag-over-bottom:after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  background: var(--secondary, #ff9814);
+  bottom: -10px;
+  width: 100%;
+  height: 4px; }
+
+.svc-question__content--panel .svc-row--drag-over-top:before,
+.sd-panel__content .svc-row--drag-over-top:before {
+  top: -6px; }
+
+.svc-question__content--panel .svc-row--drag-over-bottom:after,
+.sd-panel__content .svc-row--drag-over-bottom:after {
+  bottom: -6px; }
+
 svc-question {
   display: block;
   position: absolute;
@@ -1814,6 +1858,34 @@ svc-question {
   height: 100%;
   width: 4px; }
 
+.svc-question__content--drag-over-top:before {
+  content: " ";
+  position: absolute;
+  left: 0;
+  background: var(--secondary, #ff9814);
+  top: -12px;
+  width: 100%;
+  height: 4px; }
+
+.svc-question__content--drag-over-bottom:before {
+  content: " ";
+  position: absolute;
+  left: 0;
+  background: var(--secondary, #ff9814);
+  bottom: -12px;
+  width: 100%;
+  height: 4px; }
+
+.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
+.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {
+  margin-left: 8px;
+  width: calc(100% - 8px); }
+
+.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,
+.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {
+  margin-right: 8px;
+  width: calc(100% - 8px); }
+
 .svc-question__content-actions .sv-action-bar {
   box-sizing: border-box;
   padding: 0;
@@ -2030,7 +2102,7 @@ svc-question .sv-action-bar,
 .svc-rating-question-controls {
   position: absolute; }
 
-.svc-question__content--selected-no-border .svc-rating-question-controls.svc-item-value-controls {
+.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {
   display: flex; }
 
 .svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {
@@ -2333,12 +2405,10 @@ svc-question .sv-action-bar,
 .svc-matrix-cell:hover .svc-matrix-cell__question-controls {
   display: block; }
 
-.svc-question__content--selected-no-border {
-  padding: 0;
+.svc-question__content--in-popup {
   width: calc(100% - 25 * var(--base-unit, 8px));
   min-width: calc(70 * var(--base-unit, 8px));
-  box-shadow: none;
-  background-color: inherit; }
+  padding: calc(5 * var(--base-unit, 8px)); }
 
 .svc-matrix-cell__popup .sv-popup__scrolling-content {
   margin-top: calc(1 * var(--base-unit, 8px));
@@ -3571,6 +3641,23 @@ button.spg-action-button--large {
 .spg-link {
   display: flex; }
 
+.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {
+  display: none; }
+
+.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left {
+  min-width: auto; }
+
+.spg-theme-builder-root .spg-row--multiple > div {
+  flex: 1 1 0;
+  min-width: calc(12.5 * var(--base-unit, 8px)); }
+  .spg-theme-builder-root .spg-row--multiple > div input {
+    min-width: 0; }
+  .spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {
+    height: calc(6 * var(--base-unit, 8px));
+    box-sizing: border-box; }
+    .spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {
+      height: auto; }
+
 .spg-theme-builder-root .sv-button-group {
   overflow: hidden; }