survey-creator-react 1.9.4-beta.1 → 1.9.5-beta.1

package/survey-creator-react.min.css

@@ -1,12 +1,12 @@
 /*!
- * SurveyJS Creator React v1.9.4-beta.1
- * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
+ * SurveyJS Creator React v1.9.5-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.4-beta.1
- * (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
+ * SurveyJS Creator v1.9.5-beta.1
+ * (c) 2015-2022 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
@@ -348,8 +348,8 @@ svc-tab-test {
       width: 100%; }
     .svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
       overflow: hidden;
-      text-overflow: ellipsis;
       white-space: nowrap;
+      text-overflow: ellipsis;
       display: inline-block; }
 
 /* latin */
@@ -382,32 +382,28 @@ svc-tab-test {
   --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
 
 .sl-table__cell.st-table__cell--actions:first-child .sv-action-bar {
-  margin-top: -4px; }
+  margin-top: calc(-0.5 * var(--base-unit, 8px));
+  padding-right: calc(4 * var(--base-unit, 8px)); }
 
-.sl-table__detail-button.sl-table__detail-button {
-  display: block;
-  width: 48px;
-  height: 48px;
+.sl-table .sl-table__detail-button.sl-table__detail-button {
+  width: calc(6 * var(--base-unit, 8px));
+  height: calc(6 * var(--base-unit, 8px));
   box-sizing: border-box;
-  border-radius: 100px;
+  border-radius: calc(12.5 * var(--base-unit, 8px));
   padding: 0; }
-  .sl-table__detail-button.sl-table__detail-button use {
-    display: none; }
-  .sl-table__detail-button.sl-table__detail-button:hover, .sl-table__detail-button.sl-table__detail-button:focus {
-    background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
-    .sl-table__detail-button.sl-table__detail-button:hover use, .sl-table__detail-button.sl-table__detail-button:focus use {
+  .sl-table .sl-table__detail-button.sl-table__detail-button:hover, .sl-table .sl-table__detail-button.sl-table__detail-button:focus {
+    background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
+    outline: none; }
+    .sl-table .sl-table__detail-button.sl-table__detail-button:hover use, .sl-table .sl-table__detail-button.sl-table__detail-button:focus use {
       fill: var(--primary, #19b394); }
 
-#show-detail .sl-table__detail-button {
-  outline: none; }
-
-.sl-table__row:hover .sl-table__detail-button.sl-table__detail-button use,
-.sl-table__detail-button.sl-table__detail-button:focus use {
-  display: initial; }
-
-.sl-table__row #remove-row .sv-action-bar-item__icon use {
+.sl-table__cell .sv-action-bar-item__icon {
   display: none; }
 
+.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,
+.sl-table__cell .sv-action-bar-item:focus .sv-action-bar-item__icon {
+  display: block; }
+
 .sl-table__row:hover #remove-row .sv-action-bar-item,
 .sl-table__row #remove-row:focus-within .sv-action-bar-item {
   border: none;
@@ -416,8 +412,7 @@ svc-tab-test {
 
 .sl-table__row:hover #remove-row .sv-action-bar-item__icon use,
 .sl-table__row #remove-row:focus-within .sv-action-bar-item__icon use {
-  fill: var(--red, #e60a3e);
-  display: block; }
+  fill: var(--red, #e60a3e); }
 
 .sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
   color: var(--secondary, #ff9814); }
@@ -425,26 +420,36 @@ svc-tab-test {
 .sl-table__cell .svc-action-button,
 .sl-table__cell .svc-action-button:hover,
 .sl-table__cell .svc-action-button:focus {
+  font-family: var(--font-family);
+  font-style: normal;
+  font-weight: bold;
+  font-size: calc(3 * var(--base-unit, 8px));
+  line-height: calc(4 * var(--base-unit, 8px));
   background: transparent;
-  color: var(--foreground, #161616); }
+  color: var(--foreground, #161616);
+  outline: none;
+  border: none;
+  box-shadow: none;
+  max-height: calc(13.5 * var(--base-unit, 8px));
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical; }
 
 .sl-table__cell {
   color: var(--foreground, #161616);
   font-weight: bold;
   font-size: calc(2 * var(--base-unit, 8px));
   font-family: var(--font-family);
-  padding: 0.9375em;
-  padding-left: 0;
-  box-sizing: content-box;
-  vertical-align: top; }
+  vertical-align: top;
+  padding: calc(2 * var(--base-unit, 8px)) 0; }
 
 .sl-table__cell--detail-button {
   overflow: hidden;
   appearance: none;
   outline: none;
   border: none;
-  background-color: transparent;
-  padding: calc(0.25 * var(--base-unit, 8px)); }
+  background-color: transparent; }
 
 .sl-table {
   width: 100%;
@@ -452,24 +457,22 @@ svc-tab-test {
   border-spacing: 0;
   table-layout: fixed; }
   .sl-table tbody tr:last-child .sl-table__cell {
-    padding-bottom: 2.5em; }
+    padding-bottom: calc(5 * var(--base-unit, 8px)); }
   .sl-table tr:first-child .sl-table__cell {
-    padding-top: 1.875em; }
+    padding-top: calc(4 * var(--base-unit, 8px)); }
   .sl-table td:first-child,
   .sl-table th:first-child {
-    padding-left: 1.875em; }
+    padding-left: calc(4 * var(--base-unit, 8px)); }
     .sl-table td:first-child .sv-action-bar,
     .sl-table th:first-child .sv-action-bar {
       justify-content: flex-end; }
   .sl-table td:last-child,
   .sl-table th:last-child {
-    padding-right: 1.875em; }
+    padding-right: calc(4 * var(--base-unit, 8px)); }
 
 .sl-panel .sl-panel__footer {
   padding: 0; }
-  .sl-panel .sl-panel__footer.sv-action-bar {
-    width: 100%; }
-  .sl-panel .sl-panel__footer #saveDetailPanel {
+  .sl-panel .sl-panel__footer .sv-action {
     width: 100%; }
   .sl-panel .sl-panel__footer .sv-action__content {
     width: 100%; }
@@ -509,7 +512,7 @@ svc-tab-test {
   flex-flow: row wrap; }
 
 .sl-panel {
-  padding-bottom: 16px; }
+  padding-bottom: calc(2 * var(--base-unit, 8px)); }
 
 .sl-row--multiple .sl-panel {
   padding-bottom: 0; }
@@ -535,17 +538,17 @@ svc-tab-test {
     display: none; }
 
 .sl-row--multiple .sl-question {
-  padding-right: calc(1 * var(--base-unit, 8px)) !important; }
+  padding-right: calc(1 * var(--base-unit, 8px)); }
 
 .svc-logic-question-value {
-  padding-right: calc(5 * var(--base-unit, 8px)) !important; }
-
-.sl-comment {
-  margin-bottom: calc(2 * var(--base-unit, 8px)); }
+  padding-right: calc(5 * var(--base-unit, 8px)); }
 
 .sv-popup.sv-property-editor .sl-row {
   flex-flow: nowrap; }
 
+.spg-comment.sl-comment {
+  height: calc(17 * var(--base-unit, 8px)); }
+
 /* latin */
 @font-face {
   font-family: "Open Sans";
@@ -830,15 +833,6 @@ svc-tab-test {
 .svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
   display: none; }
 
-.svc-question-wrapper {
-  max-width: initial !important;
-  min-width: initial !important;
-  width: initial !important;
-  flex: initial !important; }
-
-.svc-question-wrapper .sv-title-actions__title {
-  max-width: none; }
-
 .svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,
 .svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn {
   color: var(--foreground-light, #909090); }
@@ -1412,9 +1406,10 @@ survey-creator,
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
   border-radius: calc(0.5 * var(--base-unit, 8px));
   cursor: pointer;
-  user-select: none; }
+  user-select: none;
+  outline-color: var(--primary, #19b394); }
   .svc-btn:hover {
-    outline: 2px solid var(--primary, #19b394); }
+    outline: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
   .svc-btn .svc-text {
     display: flex;
     align-items: center;
@@ -1592,12 +1587,12 @@ svc-page-navigator-item,
   border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
 
 .svc-page-navigator-item__banner {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   right: calc(0.5 * var(--base-unit, 8px));
   display: block;
-  white-space: nowrap;
   line-height: calc(4 * var(--base-unit, 8px));
-  overflow: hidden;
-  text-overflow: ellipsis;
   animation: 0.5s ease-in;
   padding: 0;
   opacity: 0; }
@@ -1893,8 +1888,8 @@ svc-question {
       max-width: 100%; }
       .svc-question__content-actions .sv-action--first .sv-action-bar-item .sv-action-bar-item__title {
         overflow: hidden;
-        text-overflow: ellipsis;
         white-space: nowrap;
+        text-overflow: ellipsis;
         display: inline-block;
         justify-content: left; }
 
@@ -3479,8 +3474,7 @@ svc-toolbox {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  padding: 0px;
-  min-width: auto !important; }
+  padding: 0px; }
 
 .spg-question__header {
   width: 100%; }
@@ -3512,7 +3506,6 @@ svc-toolbox {
 
 .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));
@@ -3534,7 +3527,6 @@ svc-toolbox {
 .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 {
@@ -3646,6 +3638,9 @@ svc-toolbox {
   width: 100%;
   margin-top: calc(2 * var(--base-unit, 8px)); }
 
+.spg-panel__content .spg-row--multiple {
+  margin-top: calc(1 * var(--base-unit, 8px)); }
+
 .sv-mobile-side-bar .spg-panel__content {
   padding: 0 calc(2 * var(--base-unit, 8px)) calc(5 * var(--base-unit, 8px)); }