survey-creator-react 1.9.2-beta.1 → 1.9.3-beta.1

package/survey-creator-react.min.css

@@ -1,11 +1,11 @@
 /*!
- * SurveyJS Creator React v1.9.2-beta.1
+ * SurveyJS Creator React v1.9.3-beta.1
  * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
 /*!
- * SurveyJS Creator v1.9.2-beta.1
+ * SurveyJS Creator v1.9.3-beta.1
  * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -626,6 +626,9 @@ svc-tab-test {
   .st-table__cell:first-child span {
     padding-left: calc(3 * var(--base-unit, 8px)); }
 
+.st-panel-indent .st-table__cell:first-child span {
+  padding-left: calc(6 * var(--base-unit, 8px)); }
+
 .st-table {
   width: 100%;
   table-layout: fixed;
@@ -777,9 +780,10 @@ svc-tab-test {
   flex-direction: column;
   display: flex;
   align-items: center;
-  justify-content: center; }
+  position: absolute;
+  top: 35%; }
   .svc-logic-tab__content.svc-logic-tab__empty .svc-logic-tab__content-action {
-    width: calc(40 * var(--base-unit, 8px));
+    width: calc(33 * var(--base-unit, 8px));
     margin-top: calc(4 * var(--base-unit, 8px)); }
 
 .svc-logic-tab__content .svc-logic-tab__content-action {
@@ -1602,7 +1606,8 @@ svc-page {
   position: absolute;
   display: none;
   top: calc(1 * var(--base-unit, 8px));
-  right: 0; }
+  right: 0;
+  z-index: 1; }
   .svc-page__content-actions .sv-action-bar {
     padding: 0 calc(1 * var(--base-unit, 8px)); }
     .svc-page__content-actions .sv-action-bar .sv-action-bar-item {
@@ -1869,12 +1874,12 @@ svc-question {
   width: calc(3 * var(--base-unit, 8px));
   height: calc(3 * var(--base-unit, 8px)); }
 
-.svc-question__content--drag-over-inside .svc-panel__placeholder,
-.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder {
+.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
+.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
   outline: 2px solid var(--primary, #19b394);
   background: var(--primary-light, rgba(25, 179, 148, 0.1)); }
-  .svc-question__content--drag-over-inside .svc-panel__placeholder > .svc-question__content-actions,
-  .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder > .svc-question__content-actions {
+  .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
+  .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {
     display: block; }
 
 .svc-question__content--drag-over-left:before {
@@ -1941,7 +1946,8 @@ svc-question .sv-action-bar,
   visibility: visible; }
 
 .svc-question__content.svc-question__content--selected > .svc-question__drag-area {
-  visibility: visible; }
+  visibility: visible;
+  z-index: 1; }
 
 .svc-question__drag-area {
   position: absolute;
@@ -2337,15 +2343,15 @@ sv-svg-icon.svc-item-value-controls__button {
 
 .svc-image-item-value-wrapper {
   display: inline-block;
-  position: relative;
-  padding-top: 10px; }
+  position: relative; }
 
 .svc-image-item-value--new {
   display: none;
   height: max-content; }
   .svc-image-item-value--new .sd-imagepicker__image {
     box-sizing: border-box;
-    border: 1px dashed var(--border, #d6d6d6); }
+    border: 1px dashed var(--border, #d6d6d6);
+    border-radius: 4px; }
 
 .svc-question__content--selected .svc-image-item-value--new {
   display: inline-block; }
@@ -2402,21 +2408,33 @@ sv-svg-icon.svc-item-value-controls__button {
 .svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
   width: 100%; }
 
-.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item__drag-element {
+.svc-image-item-value__item .sd-imagepicker__image-container {
+  border: 1px dashed var(--border, #d6d6d6);
+  border-radius: 4px; }
+
+.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
   display: block; }
 
-.svc-image-item__drag-element {
+.svc-image-item-value-controls__drag-area-indicator {
   cursor: move;
-  width: calc(3 * var(--base-unit, 8px));
-  height: 6px;
-  border: 1px solid var(--border, #d6d6d6);
-  border-radius: 10px;
   position: absolute;
-  top: 1px;
-  left: 50%;
-  transform: translateX(-50%);
+  top: calc(2.5 * var(--base-unit, 8px));
+  left: calc(0.5 * var(--base-unit, 8px));
   display: none; }
 
+.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
+  display: block; }
+
+.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {
+  display: none; }
+
+.svc-image-item-value-wrapper__ghost {
+  display: none;
+  background: var(--background-dim, #f3f3f3);
+  width: 200px;
+  height: 135px;
+  margin-top: 8px; }
+
 /* latin */
 @font-face {
   font-family: "Open Sans";
@@ -3331,6 +3349,36 @@ svc-toolbox {
   color: var(--foreground, #161616);
   padding-bottom: calc(2 * var(--base-unit, 8px)); }
 
+.spg-row-narrow__question {
+  margin-top: calc(-2 * var(--base-unit, 8px)); }
+
+.spg-question--location--left {
+  flex-direction: row;
+  padding-right: 0 !important;
+  background: var(--background, #fff);
+  border: 1px solid var(--border, #d6d6d6);
+  line-height: calc(6 * var(--base-unit, 8px));
+  vertical-align: middle; }
+
+.spg-question__header--location--left {
+  width: auto;
+  max-width: 50%; }
+  .spg-question__header--location--left .spg-question__title {
+    padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
+    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-row--multiple {
+  display: flex;
+  gap: calc(1 * var(--base-unit, 8px));
+  margin-top: calc(1 * var(--base-unit, 8px)) !important;
+  overflow: hidden; }
+
 .spg-input {
   -webkit-appearance: none;
   -moz-appearance: none;