survey-react 1.9.128 → 1.9.130
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 +171 -51
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +65 -16
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +63 -15
- package/survey.css.map +1 -1
- package/survey.min.css +2 -2
- package/survey.react.d.ts +159 -33
- package/survey.react.js +807 -201
- package/survey.react.js.map +1 -1
- package/survey.react.min.js +3 -3
package/survey.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v1.9.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.9.130
|
|
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
|
*/
|
|
@@ -192,16 +192,68 @@
|
|
|
192
192
|
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));
|
|
193
193
|
background-clip: padding-box;
|
|
194
194
|
z-index: 100;
|
|
195
|
-
max-height:
|
|
195
|
+
max-height: 50vh;
|
|
196
196
|
overflow: auto;
|
|
197
197
|
box-sizing: border-box;
|
|
198
|
+
background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
199
|
+
width: calc(100% - 4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) !important;
|
|
200
|
+
}
|
|
201
|
+
@-moz-document url-prefix() {
|
|
202
|
+
.sv_window,
|
|
203
|
+
.sv_window * {
|
|
204
|
+
scrollbar-width: thin;
|
|
205
|
+
scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
.sv_window::-webkit-scrollbar,
|
|
209
|
+
.sv_window *::-webkit-scrollbar {
|
|
210
|
+
width: 12px;
|
|
211
|
+
height: 12px;
|
|
212
|
+
background-color: transparent;
|
|
213
|
+
}
|
|
214
|
+
.sv_window::-webkit-scrollbar-thumb,
|
|
215
|
+
.sv_window *::-webkit-scrollbar-thumb {
|
|
216
|
+
border: 4px solid rgba(0, 0, 0, 0);
|
|
217
|
+
background-clip: padding-box;
|
|
218
|
+
border-radius: 32px;
|
|
219
|
+
background-color: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
220
|
+
}
|
|
221
|
+
.sv_window::-webkit-scrollbar-track,
|
|
222
|
+
.sv_window *::-webkit-scrollbar-track {
|
|
223
|
+
background: transparent;
|
|
224
|
+
}
|
|
225
|
+
.sv_window::-webkit-scrollbar-thumb:hover,
|
|
226
|
+
.sv_window *::-webkit-scrollbar-thumb:hover {
|
|
227
|
+
border: 2px solid rgba(0, 0, 0, 0);
|
|
228
|
+
background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.sv_window_root-content {
|
|
232
|
+
height: 100%;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.sv_window--full-screen {
|
|
236
|
+
top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
237
|
+
left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
238
|
+
right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
239
|
+
bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
240
|
+
max-height: 100%;
|
|
241
|
+
width: initial !important;
|
|
242
|
+
max-width: initial !important;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.sv_window_header {
|
|
246
|
+
display: flex;
|
|
247
|
+
justify-content: flex-end;
|
|
198
248
|
}
|
|
199
249
|
|
|
200
250
|
.sv_window_content {
|
|
201
|
-
border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
202
251
|
overflow: hidden;
|
|
203
252
|
}
|
|
204
253
|
|
|
254
|
+
.sv_window--collapsed {
|
|
255
|
+
height: initial;
|
|
256
|
+
}
|
|
205
257
|
.sv_window--collapsed .sv_window_header {
|
|
206
258
|
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
207
259
|
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))));
|
|
@@ -212,6 +264,10 @@
|
|
|
212
264
|
.sv_window--collapsed .sv_window_content {
|
|
213
265
|
display: none;
|
|
214
266
|
}
|
|
267
|
+
.sv_window--collapsed .sv_window_buttons_container {
|
|
268
|
+
margin-top: 0;
|
|
269
|
+
margin-right: 0;
|
|
270
|
+
}
|
|
215
271
|
|
|
216
272
|
.sv_window_header_title_collapsed {
|
|
217
273
|
color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
|
|
@@ -239,12 +295,12 @@
|
|
|
239
295
|
}
|
|
240
296
|
|
|
241
297
|
.sv_window_buttons_container {
|
|
242
|
-
position:
|
|
243
|
-
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
244
|
-
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
298
|
+
position: fixed;
|
|
299
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
300
|
+
margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
245
301
|
display: flex;
|
|
246
302
|
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
247
|
-
z-index:
|
|
303
|
+
z-index: 10000;
|
|
248
304
|
}
|
|
249
305
|
|
|
250
306
|
.sv_window_button {
|
|
@@ -1204,10 +1260,6 @@ body {
|
|
|
1204
1260
|
.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td label.sv_q_m_label {
|
|
1205
1261
|
display: inline;
|
|
1206
1262
|
}
|
|
1207
|
-
.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td:after,
|
|
1208
|
-
.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td:after {
|
|
1209
|
-
content: attr(data-responsive-title);
|
|
1210
|
-
}
|
|
1211
1263
|
.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix .sv_q_m_cell,
|
|
1212
1264
|
.sv_m600 .sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix .sv_q_m_cell {
|
|
1213
1265
|
text-align: initial;
|
|
@@ -1285,10 +1337,6 @@ body {
|
|
|
1285
1337
|
.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td label.sv_q_m_label {
|
|
1286
1338
|
display: inline;
|
|
1287
1339
|
}
|
|
1288
|
-
.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix td:after,
|
|
1289
|
-
.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix td:after {
|
|
1290
|
-
content: attr(data-responsive-title);
|
|
1291
|
-
}
|
|
1292
1340
|
.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_q table.sv_q_matrix .sv_q_m_cell,
|
|
1293
1341
|
.sv_main .sv_container .sv_body .sv_p_root .sv_row .sv_qstn table.sv_q_matrix .sv_q_m_cell {
|
|
1294
1342
|
text-align: initial;
|