survey-react 1.9.129 → 1.9.131

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.129
2
+ * surveyjs - Survey JavaScript library v1.9.131
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
  */
@@ -160,10 +160,14 @@ sv-popup {
160
160
  }
161
161
  .sv-popup--confirm-delete .sv-popup__body-content {
162
162
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
163
+ max-width: min-content;
164
+ align-items: flex-end;
165
+ min-width: 452px;
163
166
  }
164
167
  .sv-popup--confirm-delete .sv-popup__body-header {
165
168
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
166
169
  margin-bottom: 0;
170
+ align-self: self-start;
167
171
  /* UI/Default */
168
172
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
169
173
  font-size: var(--sjs-font-size, 16px);
@@ -177,6 +181,7 @@ sv-popup {
177
181
  }
178
182
  .sv-popup--confirm-delete .sv-popup__body-footer {
179
183
  padding-bottom: 0;
184
+ max-width: max-content;
180
185
  }
181
186
  .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
182
187
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -2883,10 +2888,14 @@ sv-popup {
2883
2888
  }
2884
2889
  .sv-popup--confirm-delete .sv-popup__body-content {
2885
2890
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
2891
+ max-width: min-content;
2892
+ align-items: flex-end;
2893
+ min-width: 452px;
2886
2894
  }
2887
2895
  .sv-popup--confirm-delete .sv-popup__body-header {
2888
2896
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
2889
2897
  margin-bottom: 0;
2898
+ align-self: self-start;
2890
2899
  /* UI/Default */
2891
2900
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
2892
2901
  font-size: var(--sjs-font-size, 16px);
@@ -2900,6 +2909,7 @@ sv-popup {
2900
2909
  }
2901
2910
  .sv-popup--confirm-delete .sv-popup__body-footer {
2902
2911
  padding-bottom: 0;
2912
+ max-width: max-content;
2903
2913
  }
2904
2914
  .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
2905
2915
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -3405,6 +3415,7 @@ sv-popup {
3405
3415
  overflow: auto;
3406
3416
  box-sizing: border-box;
3407
3417
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
3418
+ width: calc(100% - 4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) !important;
3408
3419
  }
3409
3420
  @-moz-document url-prefix() {
3410
3421
  .sv_window,
@@ -3508,7 +3519,7 @@ sv-popup {
3508
3519
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
3509
3520
  display: flex;
3510
3521
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
3511
- z-index: 1;
3522
+ z-index: 10000;
3512
3523
  }
3513
3524
 
3514
3525
  .sv_window_button {
@@ -3845,13 +3856,14 @@ sv-brand-info, .sv-brand-info {
3845
3856
  font-style: normal;
3846
3857
  font-size: var(--sjs-font-size, 16px);
3847
3858
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
3848
- white-space: break-spaces;
3859
+ white-space: normal;
3849
3860
  display: flex;
3850
3861
  justify-content: center;
3851
3862
  align-items: center;
3852
3863
  height: 100%;
3853
3864
  padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3854
3865
  padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3866
+ box-sizing: border-box;
3855
3867
  }
3856
3868
 
3857
3869
  .sv-ranking__container {
@@ -4181,6 +4193,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
4181
4193
  font-weight: 600;
4182
4194
  }
4183
4195
 
4196
+ .sv-string-viewer.sv-string-viewer--multiline {
4197
+ white-space: pre-wrap;
4198
+ }
4199
+
4184
4200
  .sjs_sp_container {
4185
4201
  position: relative;
4186
4202
  max-width: 100%;