survey-creator-react 1.9.7-beta.1 → 1.9.8-beta.1

package/survey-creator-react.min.css

@@ -1,11 +1,11 @@
 /*!
- * SurveyJS Creator React v1.9.7-beta.1
+ * SurveyJS Creator React v1.9.8-beta.1
  * (c) 2015-2022 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
 /*!
- * SurveyJS Creator v1.9.7-beta.1
+ * SurveyJS Creator v1.9.8-beta.1
  * (c) 2015-2022 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -44,6 +44,9 @@
   font-family: var(--font-family); }
   .svc-embed-tab__content .spg-row {
     display: flex; }
+    .svc-embed-tab__content .spg-row .spg-question__content .spg-comment:disabled,
+    .svc-embed-tab__content .spg-row .spg-question__content .spg-comment:disabled::placeholder {
+      color: var(--foreground, #161616); }
   .svc-embed-tab__content .spg-question__description {
     line-height: calc(3 * var(--base-unit, 8px));
     font-size: calc(2 * var(--base-unit, 8px));
@@ -1164,6 +1167,9 @@ survey-creator,
   -ms-user-select: none;
   user-select: none; }
 
+.svc-creator__area.svc-creator__area--with-banner {
+  height: calc(100% - calc(4 * var(--base-unit, 8px))); }
+
 .svc-creator__content-wrapper {
   width: 100%;
   height: calc(100% - calc(8 * var(--base-unit, 8px))); }
@@ -1204,7 +1210,7 @@ survey-creator,
 
 .svc-creator__banner {
   position: absolute;
-  bottom: 0;
+  bottom: calc(-4 * var(--base-unit, 8px));
   width: 100%;
   height: calc(4 * var(--base-unit, 8px));
   line-height: calc(4 * var(--base-unit, 8px));
@@ -1621,7 +1627,8 @@ svc-page-navigator-item,
   line-height: calc(4 * var(--base-unit, 8px));
   animation: 0.5s ease-in;
   padding: 0;
-  opacity: 0; }
+  opacity: 0;
+  z-index: 20; }
   .svc-page-navigator-item__banner .svc-page-navigator-item__dot {
     position: absolute;
     display: inline-block;
@@ -2311,7 +2318,7 @@ svc-question .sv-action-bar,
   box-sizing: border-box;
   flex-shrink: 0;
   min-width: 72px;
-  justify-content: end; }
+  justify-content: flex-end; }
 
 .svc-item-value-controls__button {
   border-radius: 50%;
@@ -3349,7 +3356,7 @@ svc-toolbox {
   position: relative;
   font-family: var(--font-family);
   min-width: 370px;
-  max-width: calc(118 * var(--base-unit, 8px));
+  max-width: calc(68 * var(--base-unit, 8px));
   width: 450px;
   height: 100%; }
 
@@ -3569,15 +3576,27 @@ svc-toolbox {
     border-right: 1px solid var(--border, #d6d6d6);
     display: inline-block; }
 
-.spg-question__content--left {
-  padding-left: calc(1 * var(--base-unit, 8px)); }
-  .spg-question__content--left .spg-input {
-    border: none; }
+.spg-question__content--left .spg-input {
+  border: none; }
 
 .spg-row--multiple {
   display: flex;
   gap: calc(1 * var(--base-unit, 8px));
-  overflow: hidden; }
+  overflow: hidden;
+  flex-wrap: wrap; }
+  .spg-row--multiple > div {
+    width: 0;
+    flex-grow: 1;
+    min-width: calc(25.5 * var(--base-unit, 8px)); }
+    .spg-row--multiple > div .spg-question__header--location--left {
+      min-width: calc(8 * var(--base-unit, 8px)); }
+    .spg-row--multiple > div input {
+      min-width: calc(17 * var(--base-unit, 8px));
+      width: 100%; }
+    .spg-row--multiple > div input[type="date"] {
+      width: 100%; }
+      .spg-row--multiple > div input[type="date"]::-webkit-calendar-picker-indicator {
+        display: none; }
 
 .spg-input {
   -webkit-appearance: none;
@@ -3592,6 +3611,7 @@ svc-toolbox {
   padding: calc(1.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
   outline: none;
   font-size: calc(2 * var(--base-unit, 8px));
+  font-family: var(--font-family);
   color: var(--foreground, #161616); }
 
 .spg-input::placeholder {