survey-react 1.9.128 → 1.9.129

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.9.128
2
+ * surveyjs - Survey JavaScript library v1.9.129
3
3
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -3401,16 +3401,67 @@ sv-popup {
3401
3401
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
3402
3402
  background-clip: padding-box;
3403
3403
  z-index: 100;
3404
- max-height: 90vh;
3404
+ max-height: 50vh;
3405
3405
  overflow: auto;
3406
3406
  box-sizing: border-box;
3407
+ background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
3408
+ }
3409
+ @-moz-document url-prefix() {
3410
+ .sv_window,
3411
+ .sv_window * {
3412
+ scrollbar-width: thin;
3413
+ scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
3414
+ }
3415
+ }
3416
+ .sv_window::-webkit-scrollbar,
3417
+ .sv_window *::-webkit-scrollbar {
3418
+ width: 12px;
3419
+ height: 12px;
3420
+ background-color: transparent;
3421
+ }
3422
+ .sv_window::-webkit-scrollbar-thumb,
3423
+ .sv_window *::-webkit-scrollbar-thumb {
3424
+ border: 4px solid rgba(0, 0, 0, 0);
3425
+ background-clip: padding-box;
3426
+ border-radius: 32px;
3427
+ background-color: var(--sjs-border-default, var(--border, #d6d6d6));
3428
+ }
3429
+ .sv_window::-webkit-scrollbar-track,
3430
+ .sv_window *::-webkit-scrollbar-track {
3431
+ background: transparent;
3432
+ }
3433
+ .sv_window::-webkit-scrollbar-thumb:hover,
3434
+ .sv_window *::-webkit-scrollbar-thumb:hover {
3435
+ border: 2px solid rgba(0, 0, 0, 0);
3436
+ background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
3437
+ }
3438
+
3439
+ .sv_window_root-content {
3440
+ height: 100%;
3441
+ }
3442
+
3443
+ .sv_window--full-screen {
3444
+ top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3445
+ left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3446
+ right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3447
+ bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3448
+ max-height: 100%;
3449
+ width: initial !important;
3450
+ max-width: initial !important;
3451
+ }
3452
+
3453
+ .sv_window_header {
3454
+ display: flex;
3455
+ justify-content: flex-end;
3407
3456
  }
3408
3457
 
3409
3458
  .sv_window_content {
3410
- border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
3411
3459
  overflow: hidden;
3412
3460
  }
3413
3461
 
3462
+ .sv_window--collapsed {
3463
+ height: initial;
3464
+ }
3414
3465
  .sv_window--collapsed .sv_window_header {
3415
3466
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3416
3467
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -3421,6 +3472,10 @@ sv-popup {
3421
3472
  .sv_window--collapsed .sv_window_content {
3422
3473
  display: none;
3423
3474
  }
3475
+ .sv_window--collapsed .sv_window_buttons_container {
3476
+ margin-top: 0;
3477
+ margin-right: 0;
3478
+ }
3424
3479
 
3425
3480
  .sv_window_header_title_collapsed {
3426
3481
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
@@ -3448,9 +3503,9 @@ sv-popup {
3448
3503
  }
3449
3504
 
3450
3505
  .sv_window_buttons_container {
3451
- position: absolute;
3452
- top: var(--sjs-base-unit, var(--base-unit, 8px));
3453
- right: var(--sjs-base-unit, var(--base-unit, 8px));
3506
+ position: fixed;
3507
+ margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
3508
+ margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
3454
3509
  display: flex;
3455
3510
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
3456
3511
  z-index: 1;
@@ -4317,10 +4372,6 @@ sv-components-container,
4317
4372
  .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td label.sv-matrix__label {
4318
4373
  display: inline;
4319
4374
  }
4320
- .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root td:after,
4321
- .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td:after {
4322
- content: attr(data-responsive-title);
4323
- }
4324
4375
  .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root .sv-matrix__cell,
4325
4376
  .sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root .sv-matrix__cell {
4326
4377
  text-align: initial;
@@ -4372,10 +4423,6 @@ sv-components-container,
4372
4423
  .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td label.sv-matrix__label {
4373
4424
  display: inline;
4374
4425
  }
4375
- .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root td:after,
4376
- .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td:after {
4377
- content: attr(data-responsive-title);
4378
- }
4379
4426
  .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root .sv-matrix__cell,
4380
4427
  .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root .sv-matrix__cell {
4381
4428
  text-align: initial;