survey-react 1.12.24 → 1.12.25

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/modern.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.12.24
2
+ * surveyjs - Survey JavaScript library v1.12.25
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
  */
@@ -496,7 +496,10 @@ sv-popup {
496
496
  font-weight: 400;
497
497
  }
498
498
 
499
- .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
499
+ .sv-popup--dropdown-overlay.sv-popup--tablet {
500
+ background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
501
+ }
502
+ .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__container {
500
503
  --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
501
504
  --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
502
505
  position: absolute;
@@ -513,6 +516,11 @@ sv-popup {
513
516
  overflow: hidden;
514
517
  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));
515
518
  }
519
+ .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
520
+ max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
521
+ min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
522
+ height: auto;
523
+ }
516
524
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,
517
525
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,
518
526
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container {
@@ -3345,7 +3353,10 @@ sv-popup {
3345
3353
  font-weight: 400;
3346
3354
  }
3347
3355
 
3348
- .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
3356
+ .sv-popup--dropdown-overlay.sv-popup--tablet {
3357
+ background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
3358
+ }
3359
+ .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__container {
3349
3360
  --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
3350
3361
  --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
3351
3362
  position: absolute;
@@ -3362,6 +3373,11 @@ sv-popup {
3362
3373
  overflow: hidden;
3363
3374
  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));
3364
3375
  }
3376
+ .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
3377
+ max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
3378
+ min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3379
+ height: auto;
3380
+ }
3365
3381
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,
3366
3382
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,
3367
3383
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container {