survey-react 1.11.8 → 1.11.10

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.8
+ * surveyjs - Survey JavaScript library v1.11.10
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2507,6 +2507,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
   display: inline-block;
   flex: 1;
   margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0;
+  max-width: 100%;
 }
 
 .sd-element--with-frame > .sd-question__content--left {
@@ -4098,6 +4099,8 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
 .sd-selectbase--multi-column {
   display: flex;
   flex: 1 1 0px;
+  flex-wrap: nowrap;
+  overflow: auto;
 }
 
 .sd-selectbase__label {
@@ -4116,7 +4119,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   display: block;
   box-sizing: border-box;
   flex: 1 1 0px;
-  min-width: 0;
+  max-width: 100%;
 }
 
 .sd-selectbase__column:not(:last-child) {
@@ -5479,6 +5482,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   align-items: flex-start;
   padding-right: 0;
 }
+.sd-imagepicker__column.sd-selectbase__column {
+  min-width: 0;
+}
 .sd-imagepicker__column .sd-imagepicker__item {
   width: 100%;
 }
@@ -5542,6 +5548,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 
+.sd-question--image {
+  width: 100%;
+}
+
 :root {
   --sjs-transition-duration: 150ms;
 }
@@ -7504,8 +7514,8 @@ svg.sd-action--icon {
   opacity: 0.5;
   position: absolute;
   bottom: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  right: calc(50% + 4px);
-  width: calc(100% - 4px);
+  right: calc(50% + 10px);
+  width: calc(100% - 20px);
   pointer-events: none;
 }
 .sd-progress-buttons__list li .sd-progress-buttons__button {
@@ -7531,7 +7541,6 @@ svg.sd-action--icon {
   height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   left: calc(-1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
   z-index: -2;
 }
 .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-content {
@@ -7648,8 +7657,8 @@ svg.sd-action--icon {
 }
 .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
   bottom: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  right: calc(50% + 8px);
-  width: calc(100% - 8px);
+  right: calc(50% + 18px);
+  width: calc(100% - 36px);
 }
 .sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button {
   width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -7696,13 +7705,13 @@ svg.sd-action--icon {
 [style*="direction:rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
 [style*="direction: rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
   right: unset;
-  left: calc(50% + 4px);
+  left: calc(50% + 10px);
 }
 [dir=rtl] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
 [style*="direction:rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
 [style*="direction: rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
   right: unset;
-  left: calc(50% + 8px);
+  left: calc(50% + 20px);
 }
 
 .sv_progress-toc {
@@ -8525,4 +8534,9 @@ body {
   box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
 }
 
+.sv-components-container-right,
+.sv-components-container-left {
+  width: fit-content;
+}
+
 /*# sourceMappingURL=defaultV2.css.map*/