survey-react 1.9.119 → 1.9.120
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 +112 -62
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +9 -6
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +1 -1
- package/survey.css.map +1 -1
- package/survey.min.css +1 -1
- package/survey.react.d.ts +215 -174
- package/survey.react.js +429 -200
- package/survey.react.js.map +1 -1
- package/survey.react.min.js +3 -3
package/defaultV2.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v1.9.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.9.120
|
|
3
3
|
* Copyright (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -1204,13 +1204,14 @@ sv-brand-info, .sv-brand-info {
|
|
|
1204
1204
|
}
|
|
1205
1205
|
|
|
1206
1206
|
.sv-ranking-item__index.sv-ranking-item__index {
|
|
1207
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
1207
1208
|
display: flex;
|
|
1208
1209
|
flex-shrink: 0;
|
|
1209
1210
|
align-items: center;
|
|
1210
1211
|
justify-content: center;
|
|
1211
1212
|
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
1212
1213
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
1213
|
-
font-size: var(--sjs-
|
|
1214
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
1214
1215
|
border-radius: 100%;
|
|
1215
1216
|
border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
|
|
1216
1217
|
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
@@ -1222,18 +1223,19 @@ sv-brand-info, .sv-brand-info {
|
|
|
1222
1223
|
}
|
|
1223
1224
|
.sv-ranking-item__index.sv-ranking-item__index svg {
|
|
1224
1225
|
fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
1225
|
-
width: var(--sjs-
|
|
1226
|
-
height: var(--sjs-
|
|
1226
|
+
width: var(--sjs-internal-font-editorfont-size);
|
|
1227
|
+
height: var(--sjs-internal-font-editorfont-size);
|
|
1227
1228
|
}
|
|
1228
1229
|
|
|
1229
1230
|
.sv-ranking-item__text {
|
|
1231
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
1230
1232
|
display: inline-block;
|
|
1231
1233
|
overflow: hidden;
|
|
1232
1234
|
text-overflow: ellipsis;
|
|
1233
1235
|
white-space: nowrap;
|
|
1234
1236
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
1235
|
-
font-size: var(--sjs-
|
|
1236
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
1237
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
1238
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
1237
1239
|
margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1238
1240
|
}
|
|
1239
1241
|
|
|
@@ -1962,6 +1964,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1962
1964
|
}
|
|
1963
1965
|
|
|
1964
1966
|
.sd-question__placeholder {
|
|
1967
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
1965
1968
|
display: flex;
|
|
1966
1969
|
flex-direction: column;
|
|
1967
1970
|
align-items: center;
|
|
@@ -1969,8 +1972,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1969
1972
|
gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1970
1973
|
justify-content: center;
|
|
1971
1974
|
min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1972
|
-
font-size: var(--sjs-
|
|
1973
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
1975
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
1976
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
1974
1977
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
1975
1978
|
}
|
|
1976
1979
|
.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {
|
|
@@ -2114,6 +2117,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2114
2117
|
}
|
|
2115
2118
|
|
|
2116
2119
|
.sd-input {
|
|
2120
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2117
2121
|
-webkit-appearance: none;
|
|
2118
2122
|
-moz-appearance: none;
|
|
2119
2123
|
appearance: none;
|
|
@@ -2121,11 +2125,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2121
2125
|
width: 100%;
|
|
2122
2126
|
box-sizing: border-box;
|
|
2123
2127
|
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2124
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
2128
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2125
2129
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
2126
2130
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
2127
2131
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2128
|
-
font-size: var(--sjs-
|
|
2132
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
2129
2133
|
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
|
|
2130
2134
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
2131
2135
|
border: none;
|
|
@@ -2221,9 +2225,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2221
2225
|
.sd-input[type=email],
|
|
2222
2226
|
.sd-input[type=color],
|
|
2223
2227
|
.sd-input[type=range] {
|
|
2228
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2224
2229
|
box-sizing: content-box;
|
|
2225
2230
|
width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2226
|
-
height: calc(1.5 * (var(--sjs-
|
|
2231
|
+
height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2227
2232
|
}
|
|
2228
2233
|
|
|
2229
2234
|
.sd-input[type=range]::-webkit-slider-runnable-track {
|
|
@@ -2354,9 +2359,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2354
2359
|
}
|
|
2355
2360
|
|
|
2356
2361
|
.sjs_sp_placeholder {
|
|
2362
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2357
2363
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2358
|
-
font-size: var(--sjs-
|
|
2359
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
2364
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
2365
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2360
2366
|
}
|
|
2361
2367
|
|
|
2362
2368
|
.sjs_sp_container {
|
|
@@ -2370,10 +2376,6 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2370
2376
|
bottom: auto;
|
|
2371
2377
|
}
|
|
2372
2378
|
|
|
2373
|
-
.sd-question--signature:not(.sd-question--answered) .sd-signaturepad__controls {
|
|
2374
|
-
display: none;
|
|
2375
|
-
}
|
|
2376
|
-
|
|
2377
2379
|
.sd-question--signature.sd-question--error .sjs_sp_placeholder {
|
|
2378
2380
|
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
2379
2381
|
}
|
|
@@ -2385,6 +2387,19 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2385
2387
|
object-fit: cover;
|
|
2386
2388
|
}
|
|
2387
2389
|
|
|
2390
|
+
.sd-signaturepad__loading-indicator {
|
|
2391
|
+
width: 100%;
|
|
2392
|
+
height: 100%;
|
|
2393
|
+
position: absolute;
|
|
2394
|
+
left: 0;
|
|
2395
|
+
top: 0;
|
|
2396
|
+
}
|
|
2397
|
+
.sd-signaturepad__loading-indicator .sd-loading-indicator {
|
|
2398
|
+
position: absolute;
|
|
2399
|
+
right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2400
|
+
top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2401
|
+
}
|
|
2402
|
+
|
|
2388
2403
|
.sd-checkbox__decorator {
|
|
2389
2404
|
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
2390
2405
|
}
|
|
@@ -2430,8 +2445,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2430
2445
|
}
|
|
2431
2446
|
|
|
2432
2447
|
.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
|
|
2433
|
-
|
|
2434
|
-
|
|
2448
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2449
|
+
width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2450
|
+
height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2435
2451
|
}
|
|
2436
2452
|
|
|
2437
2453
|
.sd-matrixdynamic__btn {
|
|
@@ -2583,9 +2599,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2583
2599
|
}
|
|
2584
2600
|
|
|
2585
2601
|
.sd-table__cell {
|
|
2602
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2586
2603
|
font-weight: normal;
|
|
2587
|
-
font-size: var(--sjs-
|
|
2588
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
2604
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
2605
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2589
2606
|
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2590
2607
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
2591
2608
|
text-align: center;
|
|
@@ -2634,8 +2651,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2634
2651
|
}
|
|
2635
2652
|
|
|
2636
2653
|
.sd-table__cell--header span {
|
|
2637
|
-
font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2638
|
-
|
|
2654
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2655
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
2656
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2639
2657
|
font-weight: var(--sjs-font-questiontitle-weight, 600);
|
|
2640
2658
|
}
|
|
2641
2659
|
|
|
@@ -2704,9 +2722,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2704
2722
|
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2705
2723
|
}
|
|
2706
2724
|
.sd-table__cell--detail-button svg {
|
|
2725
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2707
2726
|
display: block;
|
|
2708
|
-
width: var(--sjs-
|
|
2709
|
-
height: var(--sjs-
|
|
2727
|
+
width: var(--sjs-internal-font-editorfont-size);
|
|
2728
|
+
height: var(--sjs-internal-font-editorfont-size);
|
|
2710
2729
|
fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2711
2730
|
}
|
|
2712
2731
|
.sd-table__cell--detail-button:hover {
|
|
@@ -2992,6 +3011,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2992
3011
|
gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2993
3012
|
box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2994
3013
|
}
|
|
3014
|
+
.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {
|
|
3015
|
+
margin-left: auto;
|
|
3016
|
+
}
|
|
2995
3017
|
.sd-title.sd-container-modern__title .sd-logo__image {
|
|
2996
3018
|
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2997
3019
|
}
|
|
@@ -3095,6 +3117,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3095
3117
|
|
|
3096
3118
|
.sd-item--disabled.sd-item--disabled .sd-item__decorator,
|
|
3097
3119
|
.sd-item__decorator {
|
|
3120
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3098
3121
|
display: flex;
|
|
3099
3122
|
align-items: center;
|
|
3100
3123
|
justify-content: center;
|
|
@@ -3105,7 +3128,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3105
3128
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
3106
3129
|
border: none;
|
|
3107
3130
|
flex-shrink: 0;
|
|
3108
|
-
margin-top: calc((1.5 * (var(--sjs-
|
|
3131
|
+
margin-top: calc((1.5 * (var(--sjs-internal-font-editorfont-size)) - 3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) / 2);
|
|
3109
3132
|
}
|
|
3110
3133
|
|
|
3111
3134
|
.sd-item--checked .sd-item__decorator {
|
|
@@ -3128,11 +3151,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3128
3151
|
}
|
|
3129
3152
|
|
|
3130
3153
|
.sd-item__control-label {
|
|
3154
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3131
3155
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3132
3156
|
font-style: normal;
|
|
3133
3157
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3134
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
3135
|
-
font-size: var(--sjs-
|
|
3158
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3159
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
3136
3160
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
3137
3161
|
white-space: normal;
|
|
3138
3162
|
word-break: break-word;
|
|
@@ -3573,11 +3597,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3573
3597
|
}
|
|
3574
3598
|
|
|
3575
3599
|
.sd-rating__item-text.sd-rating__item-text {
|
|
3600
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3576
3601
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3577
3602
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3578
3603
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
3579
|
-
font-size: var(--sjs-
|
|
3580
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
3604
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
3605
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3581
3606
|
display: inline-block;
|
|
3582
3607
|
border: 2px solid transparent;
|
|
3583
3608
|
box-sizing: border-box;
|
|
@@ -3737,16 +3762,17 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3737
3762
|
}
|
|
3738
3763
|
|
|
3739
3764
|
.sd-dropdown__value {
|
|
3765
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3740
3766
|
width: 100%;
|
|
3741
|
-
min-height: calc(1.5 * (var(--sjs-
|
|
3767
|
+
min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3742
3768
|
overflow: hidden;
|
|
3743
3769
|
text-overflow: ellipsis;
|
|
3744
3770
|
white-space: nowrap;
|
|
3745
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
3771
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3746
3772
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3747
3773
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3748
3774
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3749
|
-
font-size: var(--sjs-
|
|
3775
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
3750
3776
|
position: relative;
|
|
3751
3777
|
}
|
|
3752
3778
|
|
|
@@ -3772,8 +3798,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3772
3798
|
|
|
3773
3799
|
.sd-dropdown_chevron-button-svg,
|
|
3774
3800
|
.sd-dropdown_clean-button-svg {
|
|
3775
|
-
|
|
3776
|
-
|
|
3801
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3802
|
+
width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3803
|
+
height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3777
3804
|
}
|
|
3778
3805
|
|
|
3779
3806
|
.sd-input.sd-dropdown:focus-within {
|
|
@@ -3785,6 +3812,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3785
3812
|
}
|
|
3786
3813
|
|
|
3787
3814
|
.sd-dropdown__filter-string-input {
|
|
3815
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3788
3816
|
position: absolute;
|
|
3789
3817
|
left: 0;
|
|
3790
3818
|
top: 0;
|
|
@@ -3797,8 +3825,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3797
3825
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3798
3826
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3799
3827
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3800
|
-
font-size: var(--sjs-
|
|
3801
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
3828
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
3829
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3802
3830
|
background-color: transparent;
|
|
3803
3831
|
overflow: hidden;
|
|
3804
3832
|
text-overflow: ellipsis;
|
|
@@ -3844,8 +3872,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3844
3872
|
}
|
|
3845
3873
|
|
|
3846
3874
|
.sv-dropdown-popup .sd-list__item-body {
|
|
3847
|
-
|
|
3848
|
-
|
|
3875
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3876
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3877
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
3849
3878
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3850
3879
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3851
3880
|
padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
@@ -3865,8 +3894,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3865
3894
|
}
|
|
3866
3895
|
|
|
3867
3896
|
.sd-tagbox_clean-button {
|
|
3868
|
-
|
|
3869
|
-
|
|
3897
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3898
|
+
height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3899
|
+
padding: calc(0.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3870
3900
|
margin: auto 0;
|
|
3871
3901
|
}
|
|
3872
3902
|
|
|
@@ -3907,10 +3937,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3907
3937
|
}
|
|
3908
3938
|
|
|
3909
3939
|
.sd-tagbox-item_clean-button-svg {
|
|
3940
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
3910
3941
|
display: block;
|
|
3911
|
-
padding: calc(0.25 * (var(--sjs-
|
|
3912
|
-
width: var(--sjs-
|
|
3913
|
-
height: var(--sjs-
|
|
3942
|
+
padding: calc(0.25 * (var(--sjs-internal-font-editorfont-size)));
|
|
3943
|
+
width: var(--sjs-internal-font-editorfont-size);
|
|
3944
|
+
height: var(--sjs-internal-font-editorfont-size);
|
|
3914
3945
|
}
|
|
3915
3946
|
|
|
3916
3947
|
.sd-tagbox-item_clean-button-svg:hover {
|
|
@@ -3975,14 +4006,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3975
4006
|
}
|
|
3976
4007
|
|
|
3977
4008
|
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
|
|
3978
|
-
|
|
4009
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4010
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3979
4011
|
height: 100%;
|
|
3980
4012
|
display: flex;
|
|
3981
4013
|
align-items: center;
|
|
3982
4014
|
}
|
|
3983
4015
|
|
|
3984
4016
|
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
|
|
3985
|
-
|
|
4017
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4018
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3986
4019
|
height: 100%;
|
|
3987
4020
|
display: flex;
|
|
3988
4021
|
align-items: center;
|
|
@@ -4021,6 +4054,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4021
4054
|
align-items: center;
|
|
4022
4055
|
}
|
|
4023
4056
|
|
|
4057
|
+
.sd-imagepicker__label {
|
|
4058
|
+
position: relative;
|
|
4059
|
+
}
|
|
4060
|
+
.sd-imagepicker__label .sd-visuallyhidden {
|
|
4061
|
+
height: 100%;
|
|
4062
|
+
margin: 0;
|
|
4063
|
+
}
|
|
4064
|
+
|
|
4024
4065
|
.sd-imagepicker__image-container {
|
|
4025
4066
|
position: relative;
|
|
4026
4067
|
}
|
|
@@ -4038,9 +4079,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4038
4079
|
}
|
|
4039
4080
|
|
|
4040
4081
|
.sd-imagepicker__check-icon {
|
|
4082
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4041
4083
|
display: block;
|
|
4042
|
-
width: calc(1.5 * (var(--sjs-
|
|
4043
|
-
height: calc(1.5 * (var(--sjs-
|
|
4084
|
+
width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
4085
|
+
height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
4044
4086
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4045
4087
|
}
|
|
4046
4088
|
|
|
@@ -4073,8 +4115,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4073
4115
|
}
|
|
4074
4116
|
|
|
4075
4117
|
.sd-imagepicker__text {
|
|
4076
|
-
font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4077
|
-
|
|
4118
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4119
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
4120
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
4078
4121
|
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4079
4122
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
4080
4123
|
}
|
|
@@ -4327,12 +4370,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4327
4370
|
|
|
4328
4371
|
.sd-boolean__thumb,
|
|
4329
4372
|
.sd-boolean__label {
|
|
4373
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4330
4374
|
display: block;
|
|
4331
4375
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
4332
4376
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
4333
|
-
font-size: var(--sjs-
|
|
4377
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
4334
4378
|
color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
4335
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
4379
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
4336
4380
|
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4337
4381
|
}
|
|
4338
4382
|
|
|
@@ -4572,6 +4616,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4572
4616
|
}
|
|
4573
4617
|
|
|
4574
4618
|
.sd-tab-item {
|
|
4619
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4575
4620
|
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4576
4621
|
display: flex;
|
|
4577
4622
|
-webkit-appearance: none;
|
|
@@ -4583,8 +4628,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4583
4628
|
background-color: transparent;
|
|
4584
4629
|
cursor: pointer;
|
|
4585
4630
|
font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
|
|
4586
|
-
font-size: var(--sjs-
|
|
4587
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
4631
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
4632
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
4588
4633
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
4589
4634
|
overflow-x: hidden;
|
|
4590
4635
|
white-space: nowrap;
|
|
@@ -4712,12 +4757,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4712
4757
|
}
|
|
4713
4758
|
|
|
4714
4759
|
.sd-file__drag-area-placeholder {
|
|
4760
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4715
4761
|
text-align: center;
|
|
4716
4762
|
word-break: break-word;
|
|
4717
4763
|
white-space: normal;
|
|
4718
4764
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
4719
|
-
font-size: var(--sjs-
|
|
4720
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
4765
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
4766
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
4721
4767
|
}
|
|
4722
4768
|
|
|
4723
4769
|
.sd-root-modern--mobile .sd-file__decorator {
|
|
@@ -4769,7 +4815,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4769
4815
|
}
|
|
4770
4816
|
|
|
4771
4817
|
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {
|
|
4772
|
-
|
|
4818
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4819
|
+
inset-inline-end: calc(1.5 * (var(--sjs-internal-font-editorfont-size)) + 5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4773
4820
|
}
|
|
4774
4821
|
|
|
4775
4822
|
.sd-file__list {
|
|
@@ -5040,7 +5087,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5040
5087
|
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
5041
5088
|
}
|
|
5042
5089
|
|
|
5043
|
-
.sd-btn:focus {
|
|
5090
|
+
.sd-btn:focus-visible {
|
|
5044
5091
|
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
5045
5092
|
}
|
|
5046
5093
|
|
|
@@ -5082,6 +5129,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5082
5129
|
|
|
5083
5130
|
.sd-body {
|
|
5084
5131
|
width: 100%;
|
|
5132
|
+
box-sizing: border-box;
|
|
5085
5133
|
}
|
|
5086
5134
|
.sd-body .sd-body__page {
|
|
5087
5135
|
min-width: min(100%, 300px);
|
|
@@ -5352,8 +5400,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5352
5400
|
line-height: 0;
|
|
5353
5401
|
}
|
|
5354
5402
|
.sd-multipletext__item-title span {
|
|
5355
|
-
font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
5356
|
-
|
|
5403
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
5404
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
5405
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
5357
5406
|
}
|
|
5358
5407
|
|
|
5359
5408
|
.sd-multipletext__item-title {
|
|
@@ -5527,9 +5576,10 @@ svg.sd-action--icon {
|
|
|
5527
5576
|
margin: 0;
|
|
5528
5577
|
}
|
|
5529
5578
|
.sd-context-btn svg {
|
|
5579
|
+
--sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
5530
5580
|
display: block;
|
|
5531
|
-
width: calc(1.5 * (var(--sjs-
|
|
5532
|
-
height: calc(1.5 * (var(--sjs-
|
|
5581
|
+
width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
5582
|
+
height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
5533
5583
|
}
|
|
5534
5584
|
.sd-context-btn use {
|
|
5535
5585
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|