survey-react 1.9.118 → 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 +223 -100
- 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 +294 -192
- package/survey.react.js +830 -397
- 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
|
|
|
@@ -1855,26 +1857,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1855
1857
|
position: relative;
|
|
1856
1858
|
}
|
|
1857
1859
|
|
|
1858
|
-
.sd-
|
|
1859
|
-
display: block;
|
|
1860
|
-
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1861
|
-
border-radius: var(--sjs-corner-radius, 4px);
|
|
1862
|
-
line-height: var(--sjs-font-size, 16px);
|
|
1863
|
-
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
1864
|
-
text-align: left;
|
|
1865
|
-
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1866
|
-
font-weight: 600;
|
|
1867
|
-
white-space: normal;
|
|
1868
|
-
}
|
|
1869
|
-
|
|
1870
|
-
.sd-question__erbox--outside-question {
|
|
1871
|
-
width: 100%;
|
|
1872
|
-
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
1873
|
-
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
1874
|
-
box-sizing: border-box;
|
|
1875
|
-
}
|
|
1876
|
-
|
|
1877
|
-
.sd-question__erbox--above-question {
|
|
1860
|
+
.sd-element__erbox--above-element {
|
|
1878
1861
|
margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1879
1862
|
}
|
|
1880
1863
|
|
|
@@ -1891,7 +1874,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1891
1874
|
margin-top: calc(0.25 * var(--sd-base-vertical-padding) + 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1892
1875
|
}
|
|
1893
1876
|
|
|
1894
|
-
.sd-element--with-frame > .sd-
|
|
1877
|
+
.sd-element--with-frame > .sd-element__erbox--above-element {
|
|
1895
1878
|
margin-bottom: var(--sd-base-padding);
|
|
1896
1879
|
border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;
|
|
1897
1880
|
}
|
|
@@ -1934,7 +1917,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1934
1917
|
.sd-element--with-frame.sd-question--error-bottom > .sd-question__content {
|
|
1935
1918
|
margin-bottom: var(--sd-base-padding);
|
|
1936
1919
|
}
|
|
1937
|
-
.sd-element--with-frame > .sd-
|
|
1920
|
+
.sd-element--with-frame > .sd-element__erbox {
|
|
1938
1921
|
margin-left: calc(-1 * var(--sd-base-padding));
|
|
1939
1922
|
margin-right: calc(-1 * var(--sd-base-padding));
|
|
1940
1923
|
width: calc(100% + 2 * var(--sd-base-padding));
|
|
@@ -1981,6 +1964,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1981
1964
|
}
|
|
1982
1965
|
|
|
1983
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)));
|
|
1984
1968
|
display: flex;
|
|
1985
1969
|
flex-direction: column;
|
|
1986
1970
|
align-items: center;
|
|
@@ -1988,8 +1972,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1988
1972
|
gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1989
1973
|
justify-content: center;
|
|
1990
1974
|
min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1991
|
-
font-size: var(--sjs-
|
|
1992
|
-
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)));
|
|
1993
1977
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
1994
1978
|
}
|
|
1995
1979
|
.sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer {
|
|
@@ -2007,6 +1991,21 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2007
1991
|
height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
|
|
2008
1992
|
}
|
|
2009
1993
|
|
|
1994
|
+
.sd-error {
|
|
1995
|
+
display: block;
|
|
1996
|
+
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1997
|
+
border-radius: var(--sjs-corner-radius, 4px);
|
|
1998
|
+
line-height: var(--sjs-font-size, 16px);
|
|
1999
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
2000
|
+
font-weight: 600;
|
|
2001
|
+
text-align: left;
|
|
2002
|
+
color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
2003
|
+
white-space: normal;
|
|
2004
|
+
width: 100%;
|
|
2005
|
+
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
2006
|
+
box-sizing: border-box;
|
|
2007
|
+
}
|
|
2008
|
+
|
|
2010
2009
|
.sd-element--expanded > .sd-element__header,
|
|
2011
2010
|
.sd-element--collapsed > .sd-element__header {
|
|
2012
2011
|
cursor: pointer;
|
|
@@ -2039,8 +2038,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2039
2038
|
padding-top: 0;
|
|
2040
2039
|
}
|
|
2041
2040
|
|
|
2042
|
-
.sd-element--complex.sd-element--nested-with-borders > .sd-
|
|
2043
|
-
.sd-element--complex.sd-element--with-frame > .sd-
|
|
2041
|
+
.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,
|
|
2042
|
+
.sd-element--complex.sd-element--with-frame > .sd-element__erbox {
|
|
2044
2043
|
margin-top: 0;
|
|
2045
2044
|
margin-bottom: 0;
|
|
2046
2045
|
}
|
|
@@ -2079,7 +2078,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2079
2078
|
padding-top: calc(0.5 * var(--sd-base-vertical-padding));
|
|
2080
2079
|
padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
|
|
2081
2080
|
}
|
|
2082
|
-
.sd-element--nested-with-borders > .sd-
|
|
2081
|
+
.sd-element--nested-with-borders > .sd-element__erbox {
|
|
2083
2082
|
margin-left: calc(-1 * var(--sd-base-padding));
|
|
2084
2083
|
margin-right: calc(-1 * var(--sd-base-padding));
|
|
2085
2084
|
width: calc(100% + 2 * var(--sd-base-padding));
|
|
@@ -2118,6 +2117,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2118
2117
|
}
|
|
2119
2118
|
|
|
2120
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)));
|
|
2121
2121
|
-webkit-appearance: none;
|
|
2122
2122
|
-moz-appearance: none;
|
|
2123
2123
|
appearance: none;
|
|
@@ -2125,11 +2125,11 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2125
2125
|
width: 100%;
|
|
2126
2126
|
box-sizing: border-box;
|
|
2127
2127
|
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2128
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
2128
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2129
2129
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
2130
2130
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
2131
2131
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2132
|
-
font-size: var(--sjs-
|
|
2132
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
2133
2133
|
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
|
|
2134
2134
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
2135
2135
|
border: none;
|
|
@@ -2225,9 +2225,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2225
2225
|
.sd-input[type=email],
|
|
2226
2226
|
.sd-input[type=color],
|
|
2227
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)));
|
|
2228
2229
|
box-sizing: content-box;
|
|
2229
2230
|
width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2230
|
-
height: calc(1.5 * (var(--sjs-
|
|
2231
|
+
height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
2231
2232
|
}
|
|
2232
2233
|
|
|
2233
2234
|
.sd-input[type=range]::-webkit-slider-runnable-track {
|
|
@@ -2284,7 +2285,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2284
2285
|
|
|
2285
2286
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {
|
|
2286
2287
|
padding-top: 0;
|
|
2287
|
-
padding-bottom: calc(
|
|
2288
|
+
padding-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2288
2289
|
}
|
|
2289
2290
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {
|
|
2290
2291
|
content: none;
|
|
@@ -2315,10 +2316,21 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2315
2316
|
line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
|
|
2316
2317
|
margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2317
2318
|
}
|
|
2319
|
+
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text {
|
|
2320
|
+
display: none;
|
|
2321
|
+
}
|
|
2322
|
+
.sd-panel.sd-panel--as-page > .sd-panel__errbox {
|
|
2323
|
+
margin: 0 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2324
|
+
padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
|
|
2325
|
+
}
|
|
2318
2326
|
.sd-panel.sd-panel--as-page > .sd-panel__content {
|
|
2319
2327
|
padding-top: 0;
|
|
2320
2328
|
}
|
|
2321
2329
|
|
|
2330
|
+
.sd-root--compact .sd-panel--as-page > .sd-panel__errbox {
|
|
2331
|
+
margin: 0 0 var(--sd-base-vertical-padding) 0;
|
|
2332
|
+
}
|
|
2333
|
+
|
|
2322
2334
|
.sd-row ~ .sd-row .sd-panel--as-page {
|
|
2323
2335
|
padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2324
2336
|
}
|
|
@@ -2347,9 +2359,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2347
2359
|
}
|
|
2348
2360
|
|
|
2349
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)));
|
|
2350
2363
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2351
|
-
font-size: var(--sjs-
|
|
2352
|
-
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)));
|
|
2353
2366
|
}
|
|
2354
2367
|
|
|
2355
2368
|
.sjs_sp_container {
|
|
@@ -2363,10 +2376,6 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2363
2376
|
bottom: auto;
|
|
2364
2377
|
}
|
|
2365
2378
|
|
|
2366
|
-
.sd-question--signature:not(.sd-question--answered) .sd-signaturepad__controls {
|
|
2367
|
-
display: none;
|
|
2368
|
-
}
|
|
2369
|
-
|
|
2370
2379
|
.sd-question--signature.sd-question--error .sjs_sp_placeholder {
|
|
2371
2380
|
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
2372
2381
|
}
|
|
@@ -2378,6 +2387,19 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2378
2387
|
object-fit: cover;
|
|
2379
2388
|
}
|
|
2380
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
|
+
|
|
2381
2403
|
.sd-checkbox__decorator {
|
|
2382
2404
|
border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
|
|
2383
2405
|
}
|
|
@@ -2423,8 +2445,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2423
2445
|
}
|
|
2424
2446
|
|
|
2425
2447
|
.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
|
|
2426
|
-
|
|
2427
|
-
|
|
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)));
|
|
2428
2451
|
}
|
|
2429
2452
|
|
|
2430
2453
|
.sd-matrixdynamic__btn {
|
|
@@ -2576,9 +2599,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2576
2599
|
}
|
|
2577
2600
|
|
|
2578
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)));
|
|
2579
2603
|
font-weight: normal;
|
|
2580
|
-
font-size: var(--sjs-
|
|
2581
|
-
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)));
|
|
2582
2606
|
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2583
2607
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
2584
2608
|
text-align: center;
|
|
@@ -2591,7 +2615,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2591
2615
|
border: none;
|
|
2592
2616
|
padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2593
2617
|
}
|
|
2594
|
-
.sd-table__cell--error .sd-question__erbox
|
|
2618
|
+
.sd-table__cell--error .sd-question__erbox {
|
|
2595
2619
|
margin: 0;
|
|
2596
2620
|
}
|
|
2597
2621
|
|
|
@@ -2627,8 +2651,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2627
2651
|
}
|
|
2628
2652
|
|
|
2629
2653
|
.sd-table__cell--header span {
|
|
2630
|
-
font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
2631
|
-
|
|
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)));
|
|
2632
2657
|
font-weight: var(--sjs-font-questiontitle-weight, 600);
|
|
2633
2658
|
}
|
|
2634
2659
|
|
|
@@ -2661,6 +2686,15 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2661
2686
|
min-width: calc(18 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2662
2687
|
}
|
|
2663
2688
|
|
|
2689
|
+
.sd-table__cell--footer {
|
|
2690
|
+
text-align: right;
|
|
2691
|
+
}
|
|
2692
|
+
|
|
2693
|
+
.sd-table__cell--footer-total {
|
|
2694
|
+
font-weight: 600;
|
|
2695
|
+
text-align: left;
|
|
2696
|
+
}
|
|
2697
|
+
|
|
2664
2698
|
.sd-table__cell--detail-panel {
|
|
2665
2699
|
border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
|
|
2666
2700
|
padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
@@ -2688,9 +2722,10 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2688
2722
|
padding: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2689
2723
|
}
|
|
2690
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)));
|
|
2691
2726
|
display: block;
|
|
2692
|
-
width: var(--sjs-
|
|
2693
|
-
height: var(--sjs-
|
|
2727
|
+
width: var(--sjs-internal-font-editorfont-size);
|
|
2728
|
+
height: var(--sjs-internal-font-editorfont-size);
|
|
2694
2729
|
fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2695
2730
|
}
|
|
2696
2731
|
.sd-table__cell--detail-button:hover {
|
|
@@ -2864,6 +2899,21 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2864
2899
|
margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
2865
2900
|
}
|
|
2866
2901
|
|
|
2902
|
+
.sd-page__errbox {
|
|
2903
|
+
padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
|
|
2904
|
+
}
|
|
2905
|
+
|
|
2906
|
+
.sd-page__title ~ .sd-page__errbox,
|
|
2907
|
+
.sd-page__description ~ .sd-page__errbox {
|
|
2908
|
+
margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2909
|
+
margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2910
|
+
}
|
|
2911
|
+
|
|
2912
|
+
.sd-root--compact .sd-page__title ~ .sd-page__errbox,
|
|
2913
|
+
.sd-root--compact .sd-page__description ~ .sd-page__errbox {
|
|
2914
|
+
margin-bottom: 0;
|
|
2915
|
+
}
|
|
2916
|
+
|
|
2867
2917
|
.sd-row {
|
|
2868
2918
|
display: flex;
|
|
2869
2919
|
flex-direction: row;
|
|
@@ -2961,6 +3011,9 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2961
3011
|
gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2962
3012
|
box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2963
3013
|
}
|
|
3014
|
+
.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {
|
|
3015
|
+
margin-left: auto;
|
|
3016
|
+
}
|
|
2964
3017
|
.sd-title.sd-container-modern__title .sd-logo__image {
|
|
2965
3018
|
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
2966
3019
|
}
|
|
@@ -3064,6 +3117,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3064
3117
|
|
|
3065
3118
|
.sd-item--disabled.sd-item--disabled .sd-item__decorator,
|
|
3066
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)));
|
|
3067
3121
|
display: flex;
|
|
3068
3122
|
align-items: center;
|
|
3069
3123
|
justify-content: center;
|
|
@@ -3074,7 +3128,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3074
3128
|
box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
3075
3129
|
border: none;
|
|
3076
3130
|
flex-shrink: 0;
|
|
3077
|
-
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);
|
|
3078
3132
|
}
|
|
3079
3133
|
|
|
3080
3134
|
.sd-item--checked .sd-item__decorator {
|
|
@@ -3097,11 +3151,12 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3097
3151
|
}
|
|
3098
3152
|
|
|
3099
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)));
|
|
3100
3155
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3101
3156
|
font-style: normal;
|
|
3102
3157
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3103
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
3104
|
-
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);
|
|
3105
3160
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
3106
3161
|
white-space: normal;
|
|
3107
3162
|
word-break: break-word;
|
|
@@ -3279,6 +3334,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3279
3334
|
}
|
|
3280
3335
|
.sd-rating.sd-rating--wrappable fieldset {
|
|
3281
3336
|
flex-wrap: wrap;
|
|
3337
|
+
min-width: 0;
|
|
3282
3338
|
}
|
|
3283
3339
|
|
|
3284
3340
|
.sd-rating--small {
|
|
@@ -3304,7 +3360,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3304
3360
|
box-sizing: border-box;
|
|
3305
3361
|
min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3306
3362
|
text-align: center;
|
|
3307
|
-
border:
|
|
3363
|
+
border: none;
|
|
3308
3364
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3309
3365
|
fill: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3310
3366
|
font-size: var(--sjs-font-size, 16px);
|
|
@@ -3324,7 +3380,7 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3324
3380
|
.sd-rating__item--error {
|
|
3325
3381
|
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
3326
3382
|
box-shadow: 0px 1px 2px transparent;
|
|
3327
|
-
border
|
|
3383
|
+
border: none;
|
|
3328
3384
|
}
|
|
3329
3385
|
|
|
3330
3386
|
.sd-rating__item.sd-rating__item--disabled {
|
|
@@ -3336,7 +3392,7 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3336
3392
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3337
3393
|
fill: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3338
3394
|
background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
|
|
3339
|
-
border
|
|
3395
|
+
border: none;
|
|
3340
3396
|
}
|
|
3341
3397
|
|
|
3342
3398
|
.sd-question--disabled .sd-rating__item-text {
|
|
@@ -3345,16 +3401,15 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
3345
3401
|
|
|
3346
3402
|
.sd-rating__item--allowhover:hover {
|
|
3347
3403
|
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
3348
|
-
border-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
3349
3404
|
}
|
|
3350
3405
|
|
|
3351
3406
|
.sd-rating__item:focus-within {
|
|
3352
|
-
border
|
|
3407
|
+
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3353
3408
|
}
|
|
3354
3409
|
|
|
3355
3410
|
.sd-rating__item--selected {
|
|
3356
3411
|
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3357
|
-
border
|
|
3412
|
+
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3358
3413
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3359
3414
|
font-weight: 600;
|
|
3360
3415
|
box-shadow: 0px 1px 2px transparent;
|
|
@@ -3542,17 +3597,19 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3542
3597
|
}
|
|
3543
3598
|
|
|
3544
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)));
|
|
3545
3601
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3546
3602
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3547
3603
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
3548
|
-
font-size: var(--sjs-
|
|
3549
|
-
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)));
|
|
3550
3606
|
display: inline-block;
|
|
3607
|
+
border: 2px solid transparent;
|
|
3608
|
+
box-sizing: border-box;
|
|
3551
3609
|
}
|
|
3552
3610
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
|
|
3553
3611
|
margin-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3554
3612
|
margin-bottom: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3555
|
-
border: 2px solid transparent;
|
|
3556
3613
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
3557
3614
|
}
|
|
3558
3615
|
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
|
|
@@ -3570,9 +3627,45 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3570
3627
|
min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3571
3628
|
}
|
|
3572
3629
|
|
|
3630
|
+
.sd-rating--wrappable .sd-rating__item-text {
|
|
3631
|
+
max-width: 100%;
|
|
3632
|
+
}
|
|
3633
|
+
.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer {
|
|
3634
|
+
max-width: 100%;
|
|
3635
|
+
text-overflow: ellipsis;
|
|
3636
|
+
overflow: hidden;
|
|
3637
|
+
display: block;
|
|
3638
|
+
}
|
|
3639
|
+
|
|
3640
|
+
.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {
|
|
3641
|
+
border: none;
|
|
3642
|
+
}
|
|
3643
|
+
|
|
3573
3644
|
.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {
|
|
3574
3645
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3575
3646
|
font-weight: inherit;
|
|
3647
|
+
border: none;
|
|
3648
|
+
}
|
|
3649
|
+
|
|
3650
|
+
.sd-rating-dropdown-item {
|
|
3651
|
+
display: flex;
|
|
3652
|
+
width: 100%;
|
|
3653
|
+
justify-content: space-between;
|
|
3654
|
+
align-items: center;
|
|
3655
|
+
gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3656
|
+
}
|
|
3657
|
+
|
|
3658
|
+
.sd-rating-dropdown-item_description {
|
|
3659
|
+
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3660
|
+
font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
|
|
3661
|
+
font-style: normal;
|
|
3662
|
+
font-weight: normal;
|
|
3663
|
+
font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
|
|
3664
|
+
line-height: var(--sjs-font-size, 16px);
|
|
3665
|
+
}
|
|
3666
|
+
|
|
3667
|
+
.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {
|
|
3668
|
+
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
3576
3669
|
}
|
|
3577
3670
|
|
|
3578
3671
|
.sv-ranking-item--error .sv-ranking-item__index {
|
|
@@ -3669,16 +3762,17 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3669
3762
|
}
|
|
3670
3763
|
|
|
3671
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)));
|
|
3672
3766
|
width: 100%;
|
|
3673
|
-
min-height: calc(1.5 * (var(--sjs-
|
|
3767
|
+
min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3674
3768
|
overflow: hidden;
|
|
3675
3769
|
text-overflow: ellipsis;
|
|
3676
3770
|
white-space: nowrap;
|
|
3677
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
3771
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
3678
3772
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3679
3773
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3680
3774
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3681
|
-
font-size: var(--sjs-
|
|
3775
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
3682
3776
|
position: relative;
|
|
3683
3777
|
}
|
|
3684
3778
|
|
|
@@ -3704,8 +3798,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3704
3798
|
|
|
3705
3799
|
.sd-dropdown_chevron-button-svg,
|
|
3706
3800
|
.sd-dropdown_clean-button-svg {
|
|
3707
|
-
|
|
3708
|
-
|
|
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)));
|
|
3709
3804
|
}
|
|
3710
3805
|
|
|
3711
3806
|
.sd-input.sd-dropdown:focus-within {
|
|
@@ -3717,6 +3812,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3717
3812
|
}
|
|
3718
3813
|
|
|
3719
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)));
|
|
3720
3816
|
position: absolute;
|
|
3721
3817
|
left: 0;
|
|
3722
3818
|
top: 0;
|
|
@@ -3729,8 +3825,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3729
3825
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3730
3826
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3731
3827
|
color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3732
|
-
font-size: var(--sjs-
|
|
3733
|
-
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)));
|
|
3734
3830
|
background-color: transparent;
|
|
3735
3831
|
overflow: hidden;
|
|
3736
3832
|
text-overflow: ellipsis;
|
|
@@ -3776,8 +3872,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3776
3872
|
}
|
|
3777
3873
|
|
|
3778
3874
|
.sv-dropdown-popup .sd-list__item-body {
|
|
3779
|
-
|
|
3780
|
-
|
|
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);
|
|
3781
3878
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3782
3879
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
3783
3880
|
padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
@@ -3797,8 +3894,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3797
3894
|
}
|
|
3798
3895
|
|
|
3799
3896
|
.sd-tagbox_clean-button {
|
|
3800
|
-
|
|
3801
|
-
|
|
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)));
|
|
3802
3900
|
margin: auto 0;
|
|
3803
3901
|
}
|
|
3804
3902
|
|
|
@@ -3839,10 +3937,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3839
3937
|
}
|
|
3840
3938
|
|
|
3841
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)));
|
|
3842
3941
|
display: block;
|
|
3843
|
-
padding: calc(0.25 * (var(--sjs-
|
|
3844
|
-
width: var(--sjs-
|
|
3845
|
-
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);
|
|
3846
3945
|
}
|
|
3847
3946
|
|
|
3848
3947
|
.sd-tagbox-item_clean-button-svg:hover {
|
|
@@ -3907,14 +4006,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3907
4006
|
}
|
|
3908
4007
|
|
|
3909
4008
|
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
|
|
3910
|
-
|
|
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)));
|
|
3911
4011
|
height: 100%;
|
|
3912
4012
|
display: flex;
|
|
3913
4013
|
align-items: center;
|
|
3914
4014
|
}
|
|
3915
4015
|
|
|
3916
4016
|
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
|
|
3917
|
-
|
|
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)));
|
|
3918
4019
|
height: 100%;
|
|
3919
4020
|
display: flex;
|
|
3920
4021
|
align-items: center;
|
|
@@ -3953,6 +4054,14 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3953
4054
|
align-items: center;
|
|
3954
4055
|
}
|
|
3955
4056
|
|
|
4057
|
+
.sd-imagepicker__label {
|
|
4058
|
+
position: relative;
|
|
4059
|
+
}
|
|
4060
|
+
.sd-imagepicker__label .sd-visuallyhidden {
|
|
4061
|
+
height: 100%;
|
|
4062
|
+
margin: 0;
|
|
4063
|
+
}
|
|
4064
|
+
|
|
3956
4065
|
.sd-imagepicker__image-container {
|
|
3957
4066
|
position: relative;
|
|
3958
4067
|
}
|
|
@@ -3970,9 +4079,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3970
4079
|
}
|
|
3971
4080
|
|
|
3972
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)));
|
|
3973
4083
|
display: block;
|
|
3974
|
-
width: calc(1.5 * (var(--sjs-
|
|
3975
|
-
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)));
|
|
3976
4086
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3977
4087
|
}
|
|
3978
4088
|
|
|
@@ -4005,8 +4115,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4005
4115
|
}
|
|
4006
4116
|
|
|
4007
4117
|
.sd-imagepicker__text {
|
|
4008
|
-
font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
4009
|
-
|
|
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)));
|
|
4010
4121
|
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4011
4122
|
color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
4012
4123
|
}
|
|
@@ -4259,12 +4370,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4259
4370
|
|
|
4260
4371
|
.sd-boolean__thumb,
|
|
4261
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)));
|
|
4262
4374
|
display: block;
|
|
4263
4375
|
font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
4264
4376
|
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
4265
|
-
font-size: var(--sjs-
|
|
4377
|
+
font-size: var(--sjs-internal-font-editorfont-size);
|
|
4266
4378
|
color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
4267
|
-
line-height: calc(1.5 * (var(--sjs-
|
|
4379
|
+
line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
4268
4380
|
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4269
4381
|
}
|
|
4270
4382
|
|
|
@@ -4504,6 +4616,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4504
4616
|
}
|
|
4505
4617
|
|
|
4506
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)));
|
|
4507
4620
|
padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4508
4621
|
display: flex;
|
|
4509
4622
|
-webkit-appearance: none;
|
|
@@ -4515,8 +4628,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4515
4628
|
background-color: transparent;
|
|
4516
4629
|
cursor: pointer;
|
|
4517
4630
|
font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
|
|
4518
|
-
font-size: var(--sjs-
|
|
4519
|
-
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)));
|
|
4520
4633
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
4521
4634
|
overflow-x: hidden;
|
|
4522
4635
|
white-space: nowrap;
|
|
@@ -4644,12 +4757,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4644
4757
|
}
|
|
4645
4758
|
|
|
4646
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)));
|
|
4647
4761
|
text-align: center;
|
|
4648
4762
|
word-break: break-word;
|
|
4649
4763
|
white-space: normal;
|
|
4650
4764
|
color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
4651
|
-
font-size: var(--sjs-
|
|
4652
|
-
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)));
|
|
4653
4767
|
}
|
|
4654
4768
|
|
|
4655
4769
|
.sd-root-modern--mobile .sd-file__decorator {
|
|
@@ -4701,7 +4815,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4701
4815
|
}
|
|
4702
4816
|
|
|
4703
4817
|
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {
|
|
4704
|
-
|
|
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))));
|
|
4705
4820
|
}
|
|
4706
4821
|
|
|
4707
4822
|
.sd-file__list {
|
|
@@ -4972,7 +5087,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4972
5087
|
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
4973
5088
|
}
|
|
4974
5089
|
|
|
4975
|
-
.sd-btn:focus {
|
|
5090
|
+
.sd-btn:focus-visible {
|
|
4976
5091
|
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4977
5092
|
}
|
|
4978
5093
|
|
|
@@ -5014,6 +5129,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5014
5129
|
|
|
5015
5130
|
.sd-body {
|
|
5016
5131
|
width: 100%;
|
|
5132
|
+
box-sizing: border-box;
|
|
5017
5133
|
}
|
|
5018
5134
|
.sd-body .sd-body__page {
|
|
5019
5135
|
min-width: min(100%, 300px);
|
|
@@ -5284,8 +5400,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5284
5400
|
line-height: 0;
|
|
5285
5401
|
}
|
|
5286
5402
|
.sd-multipletext__item-title span {
|
|
5287
|
-
font-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
|
|
5288
|
-
|
|
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)));
|
|
5289
5406
|
}
|
|
5290
5407
|
|
|
5291
5408
|
.sd-multipletext__item-title {
|
|
@@ -5340,7 +5457,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5340
5457
|
padding-bottom: 0;
|
|
5341
5458
|
}
|
|
5342
5459
|
|
|
5343
|
-
.sd-multipletext__cell--error .sd-question__erbox
|
|
5460
|
+
.sd-multipletext__cell--error .sd-question__erbox {
|
|
5344
5461
|
margin: 0;
|
|
5345
5462
|
}
|
|
5346
5463
|
|
|
@@ -5459,9 +5576,10 @@ svg.sd-action--icon {
|
|
|
5459
5576
|
margin: 0;
|
|
5460
5577
|
}
|
|
5461
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)));
|
|
5462
5580
|
display: block;
|
|
5463
|
-
width: calc(1.5 * (var(--sjs-
|
|
5464
|
-
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)));
|
|
5465
5583
|
}
|
|
5466
5584
|
.sd-context-btn use {
|
|
5467
5585
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
@@ -5863,6 +5981,11 @@ svg.sd-action--icon {
|
|
|
5863
5981
|
padding-bottom: 0;
|
|
5864
5982
|
}
|
|
5865
5983
|
|
|
5984
|
+
.sd-root-modern--mobile .sv-header__overlap {
|
|
5985
|
+
margin-bottom: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5986
|
+
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5987
|
+
}
|
|
5988
|
+
|
|
5866
5989
|
.sv-header__content {
|
|
5867
5990
|
padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5868
5991
|
box-sizing: border-box;
|
|
@@ -5937,7 +6060,7 @@ svg.sd-action--icon {
|
|
|
5937
6060
|
--header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));
|
|
5938
6061
|
font-size: var(--header-title-font-size);
|
|
5939
6062
|
line-height: calc(1.25 * (var(--header-title-font-size)));
|
|
5940
|
-
color: var(--sjs-font-headertitle-color, var(--sjs-
|
|
6063
|
+
color: var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
|
|
5941
6064
|
font-family: var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
5942
6065
|
font-weight: var(--sjs-font-headertitle-weight, 700);
|
|
5943
6066
|
margin: 0;
|
|
@@ -5963,9 +6086,9 @@ svg.sd-action--icon {
|
|
|
5963
6086
|
--header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));
|
|
5964
6087
|
font-size: var(--header-description-font-size);
|
|
5965
6088
|
line-height: calc(1.5 * (var(--header-description-font-size)));
|
|
5966
|
-
color: var(--sjs-font-headerdescription-color, var(--sjs-
|
|
6089
|
+
color: var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
|
|
5967
6090
|
font-family: var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
|
|
5968
|
-
font-weight: var(--sjs-font-headerdescription-weight,
|
|
6091
|
+
font-weight: var(--sjs-font-headerdescription-weight, 600);
|
|
5969
6092
|
margin: 0;
|
|
5970
6093
|
}
|
|
5971
6094
|
|