survey-react 1.12.24 → 1.12.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/defaultV2.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.12.24
2
+ * surveyjs - Survey JavaScript library v1.12.26
3
3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -934,7 +934,10 @@ sv-popup {
934
934
  font-weight: 400;
935
935
  }
936
936
 
937
- .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
937
+ .sv-popup--dropdown-overlay.sv-popup--tablet {
938
+ background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
939
+ }
940
+ .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__container {
938
941
  --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
939
942
  --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
940
943
  position: absolute;
@@ -951,6 +954,11 @@ sv-popup {
951
954
  overflow: hidden;
952
955
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
953
956
  }
957
+ .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
958
+ max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
959
+ min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
960
+ height: auto;
961
+ }
954
962
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,
955
963
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,
956
964
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container {
@@ -3797,6 +3805,22 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
3797
3805
  .sd-question--mobile.sd-question--table, .sd-question--mobile.sd-question--scroll {
3798
3806
  overflow-x: visible;
3799
3807
  }
3808
+ .sd-question--mobile > .sd-question__content {
3809
+ min-width: auto;
3810
+ }
3811
+ .sd-question--mobile .sd-table-wrapper {
3812
+ width: auto;
3813
+ }
3814
+ .sd-question--mobile .sd-table {
3815
+ display: block;
3816
+ width: calc(100% - 2 * var(--sd-base-padding) + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
3817
+ }
3818
+ .sd-question--mobile .sd-table > tbody {
3819
+ display: block;
3820
+ }
3821
+ .sd-question--mobile .sd-table > tfoot {
3822
+ display: block;
3823
+ }
3800
3824
  .sd-question--mobile .sd-table__cell.sd-matrix__cell {
3801
3825
  display: flex;
3802
3826
  align-items: flex-start;
@@ -5710,8 +5734,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5710
5734
  }
5711
5735
 
5712
5736
  .sd-imagepicker {
5713
- display: flex;
5714
- flex-wrap: wrap;
5715
5737
  padding: 0;
5716
5738
  border: none;
5717
5739
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -5719,6 +5741,15 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5719
5741
  margin: 0;
5720
5742
  }
5721
5743
 
5744
+ .sd-imagepicker--static {
5745
+ display: flex;
5746
+ flex-wrap: wrap;
5747
+ }
5748
+
5749
+ .sd-imagepicker--responsive {
5750
+ display: grid;
5751
+ }
5752
+
5722
5753
  .sd-imagepicker--column {
5723
5754
  align-items: flex-start;
5724
5755
  flex-direction: column;