survey-creator-core 1.12.9 → 1.12.11
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/fonts.fontless.css +1 -1
- package/fonts.fontless.min.css +1 -1
- package/i18n/arabic.js +2 -2
- package/i18n/arabic.min.js.LICENSE.txt +1 -1
- package/i18n/bulgarian.js +2 -2
- package/i18n/bulgarian.min.js.LICENSE.txt +1 -1
- package/i18n/croatian.js +2 -2
- package/i18n/croatian.min.js.LICENSE.txt +1 -1
- package/i18n/czech.js +2 -2
- package/i18n/czech.min.js.LICENSE.txt +1 -1
- package/i18n/danish.js +2 -2
- package/i18n/danish.min.js.LICENSE.txt +1 -1
- package/i18n/dutch.js +2 -2
- package/i18n/dutch.min.js.LICENSE.txt +1 -1
- package/i18n/english.js +1 -1
- package/i18n/english.min.js.LICENSE.txt +1 -1
- package/i18n/finnish.js +2 -2
- package/i18n/finnish.min.js.LICENSE.txt +1 -1
- package/i18n/french.js +2 -2
- package/i18n/french.min.js.LICENSE.txt +1 -1
- package/i18n/german.js +2 -2
- package/i18n/german.min.js.LICENSE.txt +1 -1
- package/i18n/hebrew.js +2 -2
- package/i18n/hebrew.min.js.LICENSE.txt +1 -1
- package/i18n/hungarian.js +2 -2
- package/i18n/hungarian.min.js.LICENSE.txt +1 -1
- package/i18n/index.js +2 -2
- package/i18n/index.min.js.LICENSE.txt +1 -1
- package/i18n/indonesian.js +2 -2
- package/i18n/indonesian.min.js.LICENSE.txt +1 -1
- package/i18n/italian.js +2 -2
- package/i18n/italian.min.js.LICENSE.txt +1 -1
- package/i18n/japanese.js +2 -2
- package/i18n/japanese.min.js.LICENSE.txt +1 -1
- package/i18n/korean.js +2 -2
- package/i18n/korean.min.js.LICENSE.txt +1 -1
- package/i18n/malay.js +2 -2
- package/i18n/malay.min.js.LICENSE.txt +1 -1
- package/i18n/mongolian.js +2 -2
- package/i18n/mongolian.min.js.LICENSE.txt +1 -1
- package/i18n/norwegian.js +2 -2
- package/i18n/norwegian.min.js.LICENSE.txt +1 -1
- package/i18n/persian.js +2 -2
- package/i18n/persian.min.js.LICENSE.txt +1 -1
- package/i18n/polish.js +2 -2
- package/i18n/polish.min.js.LICENSE.txt +1 -1
- package/i18n/portuguese.js +2 -2
- package/i18n/portuguese.min.js.LICENSE.txt +1 -1
- package/i18n/romanian.js +2 -2
- package/i18n/romanian.min.js.LICENSE.txt +1 -1
- package/i18n/russian.js +2 -2
- package/i18n/russian.min.js.LICENSE.txt +1 -1
- package/i18n/simplified-chinese.js +2 -2
- package/i18n/simplified-chinese.min.js.LICENSE.txt +1 -1
- package/i18n/slovak.js +2 -2
- package/i18n/slovak.min.js.LICENSE.txt +1 -1
- package/i18n/spanish.js +2 -2
- package/i18n/spanish.min.js.LICENSE.txt +1 -1
- package/i18n/swedish.js +2 -2
- package/i18n/swedish.min.js.LICENSE.txt +1 -1
- package/i18n/tajik.js +2 -2
- package/i18n/tajik.min.js.LICENSE.txt +1 -1
- package/i18n/thai.js +2 -2
- package/i18n/thai.min.js.LICENSE.txt +1 -1
- package/i18n/traditional-chinese.js +2 -2
- package/i18n/traditional-chinese.min.js.LICENSE.txt +1 -1
- package/i18n/turkish.js +2 -2
- package/i18n/turkish.min.js.LICENSE.txt +1 -1
- package/package.json +2 -2
- package/survey-creator-core.css +815 -332
- package/survey-creator-core.fontless.css +814 -331
- package/survey-creator-core.fontless.css.map +1 -1
- package/survey-creator-core.fontless.min.css +24 -22
- package/survey-creator-core.i18n.js +2 -2
- package/survey-creator-core.i18n.min.js.LICENSE.txt +1 -1
- package/survey-creator-core.js +985 -560
- package/survey-creator-core.js.map +1 -1
- package/survey-creator-core.min.css +25 -23
- package/survey-creator-core.min.js +1 -1
- package/survey-creator-core.min.js.LICENSE.txt +1 -1
- package/themes/default-contrast.js +114 -12
- package/themes/default-contrast.js.map +1 -1
- package/themes/default-contrast.min.js +1 -1
- package/themes/default-contrast.min.js.LICENSE.txt +1 -1
- package/themes/default-dark.js +114 -12
- package/themes/default-dark.js.map +1 -1
- package/themes/default-dark.min.js +1 -1
- package/themes/default-dark.min.js.LICENSE.txt +1 -1
- package/themes/default-light.js +114 -12
- package/themes/default-light.js.map +1 -1
- package/themes/default-light.min.js +1 -1
- package/themes/default-light.min.js.LICENSE.txt +1 -1
- package/themes/index.js +114 -12
- package/themes/index.js.map +1 -1
- package/themes/index.min.js +1 -1
- package/themes/index.min.js.LICENSE.txt +1 -1
- package/themes/themes/default.d.ts +212 -8
- package/typings/components/action-container-view-model.d.ts +3 -1
- package/typings/components/page.d.ts +2 -2
- package/typings/components/question-dropdown.d.ts +2 -1
- package/typings/components/question.d.ts +3 -4
- package/typings/components/row.d.ts +4 -0
- package/typings/components/search-manager.d.ts +16 -0
- package/typings/components/tabs/designer-plugin.d.ts +1 -0
- package/typings/components/tabs/designer.d.ts +7 -1
- package/typings/components/tabs/logic-types.d.ts +1 -1
- package/typings/components/tabs/logic.d.ts +3 -2
- package/typings/components/tabs/test-plugin.d.ts +3 -0
- package/typings/components/tabs/theme-plugin.d.ts +1 -0
- package/typings/components/toolbox/toolbox-search-manager.d.ts +8 -0
- package/typings/creator-base.d.ts +26 -4
- package/typings/creator-events-api.d.ts +16 -1
- package/typings/creator-options.d.ts +16 -0
- package/typings/creator-settings.d.ts +8 -6
- package/typings/creator-theme/creator-theme-model.d.ts +1 -0
- package/typings/entries/index.d.ts +2 -0
- package/typings/expand-collapse-manager.d.ts +2 -0
- package/typings/property-grid/matrices.d.ts +1 -0
- package/typings/property-grid/search-manager.d.ts +2 -23
- package/typings/property-grid-theme/property-grid.d.ts +1 -0
- package/typings/themes/default.d.ts +212 -8
- package/typings/toolbox.d.ts +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator v1.12.
|
|
2
|
+
* SurveyJS Creator v1.12.11
|
|
3
3
|
* (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* Github: https://github.com/surveyjs/survey-creator
|
|
5
5
|
* License: https://surveyjs.io/Licenses#SurveyCreator
|
|
@@ -39,12 +39,16 @@
|
|
|
39
39
|
box-sizing: border-box;
|
|
40
40
|
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
|
41
41
|
border-radius: 50%;
|
|
42
|
-
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
43
|
-
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
42
|
+
width: var(--ctr-survey-contextual-button-width, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
43
|
+
height: var(--ctr-survey-contextual-button-height, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
44
|
+
padding: var(--ctr-survey-contextual-button-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
44
45
|
cursor: pointer;
|
|
45
|
-
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
46
46
|
outline: none;
|
|
47
47
|
}
|
|
48
|
+
.svc-context-button .sv-svg-icon {
|
|
49
|
+
width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
50
|
+
height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
51
|
+
}
|
|
48
52
|
.svc-context-button use {
|
|
49
53
|
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
50
54
|
transition: fill var(--sjs-creator-transition-duration, 150ms);
|
|
@@ -227,6 +231,8 @@ svc-tab-json-editor-textarea {
|
|
|
227
231
|
|
|
228
232
|
.svc-json-error__icon {
|
|
229
233
|
fill: var(--sjs-special-red, var(--red, #e60a3e));
|
|
234
|
+
width: var(--ctr-code-viewer-code-error-row-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
235
|
+
height: var(--ctr-code-viewer-code-error-row-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
230
236
|
}
|
|
231
237
|
|
|
232
238
|
.svc-json-error__container {
|
|
@@ -1468,16 +1474,6 @@ td.st-table__cell:first-of-type span {
|
|
|
1468
1474
|
outline: none;
|
|
1469
1475
|
}
|
|
1470
1476
|
|
|
1471
|
-
.svc-logic-condition-remove.svc-icon-remove {
|
|
1472
|
-
display: none;
|
|
1473
|
-
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1474
|
-
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1475
|
-
background-repeat: no-repeat;
|
|
1476
|
-
background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z%27 fill=%27%23E60A3E%27/%3E%3C/svg%3E%0A");
|
|
1477
|
-
background-size: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1478
|
-
background-position: center;
|
|
1479
|
-
}
|
|
1480
|
-
|
|
1481
1477
|
.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove {
|
|
1482
1478
|
display: none;
|
|
1483
1479
|
width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
@@ -1487,6 +1483,10 @@ td.st-table__cell:first-of-type span {
|
|
|
1487
1483
|
align-items: center;
|
|
1488
1484
|
padding: 0;
|
|
1489
1485
|
}
|
|
1486
|
+
.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove .sv-svg-icon {
|
|
1487
|
+
width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1488
|
+
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1489
|
+
}
|
|
1490
1490
|
.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove use {
|
|
1491
1491
|
fill: var(--ctr-survey-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)));
|
|
1492
1492
|
}
|
|
@@ -1826,9 +1826,10 @@ svc-tab-designer {
|
|
|
1826
1826
|
bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
1827
1827
|
right: 0;
|
|
1828
1828
|
}
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1829
|
+
|
|
1830
|
+
.svc-tab-designer__surface-toolbar {
|
|
1831
|
+
padding: var(--ctr-surface-toolbar-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
1832
|
+
gap: var(--ctr-surface-toolbar-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1832
1833
|
flex-direction: column;
|
|
1833
1834
|
}
|
|
1834
1835
|
/*!************************************************************************************************************************************************************************!*\
|
|
@@ -1949,16 +1950,16 @@ svc-tab-designer {
|
|
|
1949
1950
|
.svc-creator--mobile .svc-question__content-actions {
|
|
1950
1951
|
width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1951
1952
|
}
|
|
1952
|
-
.svc-creator--mobile .svc-question__content-actions .
|
|
1953
|
+
.svc-creator--mobile .svc-question__content-actions .svc-survey-element-toolbar__item {
|
|
1953
1954
|
border: 0;
|
|
1954
1955
|
}
|
|
1955
|
-
.svc-creator--mobile .svc-page__content-actions .
|
|
1956
|
+
.svc-creator--mobile .svc-page__content-actions .svc-page-toolbar {
|
|
1956
1957
|
padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
1957
1958
|
}
|
|
1958
|
-
.svc-creator--mobile .svc-page__content-actions .
|
|
1959
|
+
.svc-creator--mobile .svc-page__content-actions .svc-page-toolbar .sv-action .sv-action__content {
|
|
1959
1960
|
padding-right: 0;
|
|
1960
1961
|
}
|
|
1961
|
-
.svc-creator--mobile .svc-
|
|
1962
|
+
.svc-creator--mobile .svc-page-toolbar-item__title--with-icon {
|
|
1962
1963
|
display: none;
|
|
1963
1964
|
}
|
|
1964
1965
|
/*!****************************************************************************************************************************************************************************************!*\
|
|
@@ -2177,8 +2178,8 @@ svc-tab-designer {
|
|
|
2177
2178
|
gap: var(--ctr-popup-gap, 32px);
|
|
2178
2179
|
box-shadow: unset;
|
|
2179
2180
|
}
|
|
2180
|
-
.svc-creator-popup.sv-popup--overlay
|
|
2181
|
-
background: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
|
|
2181
|
+
.svc-creator-popup.sv-popup--overlay .sv-popup__container {
|
|
2182
|
+
background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
|
|
2182
2183
|
}
|
|
2183
2184
|
.svc-creator-popup.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__body-content {
|
|
2184
2185
|
background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
@@ -2190,7 +2191,10 @@ svc-tab-designer {
|
|
|
2190
2191
|
}
|
|
2191
2192
|
.svc-creator-popup .sv-popup__pointer:after {
|
|
2192
2193
|
content: " ";
|
|
2193
|
-
border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--ctr-
|
|
2194
|
+
border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--ctr-popup-menu-pointer-color, var(--sjs-general-backcolor, var(--background, #fff)));
|
|
2195
|
+
}
|
|
2196
|
+
.svc-creator-popup .sv-popup__container {
|
|
2197
|
+
background-color: transparent;
|
|
2194
2198
|
}
|
|
2195
2199
|
.svc-creator-popup .sv-popup__body-header {
|
|
2196
2200
|
--ctr-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
@@ -2212,7 +2216,7 @@ svc-tab-designer {
|
|
|
2212
2216
|
border-radius: calc(4 * (var(--ctr-popup-menu-corner-radius, 4px))) calc(4 * (var(--ctr-popup-menu-corner-radius, 4px))) 0px 0px;
|
|
2213
2217
|
}
|
|
2214
2218
|
.svc-creator-popup.sv-popup--dropdown .sv-popup__body-content {
|
|
2215
|
-
background-color: var(--ctr-
|
|
2219
|
+
background-color: var(--ctr-popup-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
|
|
2216
2220
|
}
|
|
2217
2221
|
.svc-creator-popup.sv-popup--dropdown.svc-toolbox-subtypes .sv-popup__body-content {
|
|
2218
2222
|
background: unset;
|
|
@@ -2222,7 +2226,6 @@ svc-tab-designer {
|
|
|
2222
2226
|
padding-inline-end: var(--ctr-list-padding-right);
|
|
2223
2227
|
}
|
|
2224
2228
|
.svc-creator-popup .sv-list__filter {
|
|
2225
|
-
background-color: var(--ctr-contextual-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
|
|
2226
2229
|
border-bottom: 1px solid var(--ctr-list-search-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
|
|
2227
2230
|
}
|
|
2228
2231
|
.svc-creator-popup .sv-list__filter .sv-list__input {
|
|
@@ -2257,14 +2260,20 @@ svc-tab-designer {
|
|
|
2257
2260
|
.svc-creator-popup .sv-list__item-icon use {
|
|
2258
2261
|
fill: var(--ctr-list-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
2259
2262
|
}
|
|
2263
|
+
.svc-creator-popup .sv-list__item:focus > .sv-list__item-body,
|
|
2264
|
+
.svc-creator-popup .sv-list__item:hover > .sv-list__item-body,
|
|
2260
2265
|
.svc-creator-popup .sv-list__item--hovered > .sv-list__item-body {
|
|
2261
2266
|
color: var(--ctr-list-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
2262
2267
|
background: var(--ctr-list-item-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
|
|
2263
2268
|
}
|
|
2269
|
+
.svc-creator-popup .sv-list__item:focus > .sv-list__item-body .sv-list__item-icon use,
|
|
2270
|
+
.svc-creator-popup .sv-list__item:hover > .sv-list__item-body .sv-list__item-icon use,
|
|
2264
2271
|
.svc-creator-popup .sv-list__item--hovered > .sv-list__item-body .sv-list__item-icon use {
|
|
2265
2272
|
fill: var(--ctr-list-item-icon-color-hovered, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
2266
2273
|
}
|
|
2267
2274
|
.svc-creator-popup .sv-list__item--selected > .sv-list__item-body,
|
|
2275
|
+
.svc-creator-popup .sv-list__item--selected:hover > .sv-list__item-body,
|
|
2276
|
+
.svc-creator-popup .sv-list__item--selected:focus > .sv-list__item-body,
|
|
2268
2277
|
.svc-creator-popup .sv-list__item.sv-list__item--selected:hover > .sv-list__item-body {
|
|
2269
2278
|
--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2270
2279
|
--ctr-default-line-height: calc(1.5 * var(--default-font-size));
|
|
@@ -2278,18 +2287,35 @@ svc-tab-designer {
|
|
|
2278
2287
|
background: var(--ctr-list-item-background-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
|
|
2279
2288
|
}
|
|
2280
2289
|
.svc-creator-popup .sv-list__item--selected .sv-list__item-icon use,
|
|
2290
|
+
.svc-creator-popup .sv-list__item--selected:hover .sv-list__item-icon use,
|
|
2291
|
+
.svc-creator-popup .sv-list__item--selected:focus .sv-list__item-icon use,
|
|
2281
2292
|
.svc-creator-popup .sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use {
|
|
2282
2293
|
fill: var(--ctr-list-item-icon-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
|
|
2283
2294
|
}
|
|
2284
2295
|
.svc-creator-popup .sv-list__item--selected.sv-list__item--group > .sv-list__item-body,
|
|
2296
|
+
.svc-creator-popup .sv-list__item--selected:hover.sv-list__item--group > .sv-list__item-body,
|
|
2297
|
+
.svc-creator-popup .sv-list__item--selected:focus.sv-list__item--group > .sv-list__item-body,
|
|
2285
2298
|
.svc-creator-popup .sv-list__item.sv-list__item--selected:hover.sv-list__item--group > .sv-list__item-body {
|
|
2286
|
-
background: var(--ctr-list-item-background-color-selected, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
|
|
2287
|
-
color: var(--ctr-list-item-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
2299
|
+
background: var(--ctr-list-item-background-color-selected-submenu, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
|
|
2300
|
+
color: var(--ctr-list-item-text-color-selected-submenu, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
2288
2301
|
font-weight: 400;
|
|
2289
2302
|
}
|
|
2290
2303
|
.svc-creator-popup .sv-list__item--selected.sv-list__item--group .sv-list__item-icon use,
|
|
2304
|
+
.svc-creator-popup .sv-list__item--selected:hover.sv-list__item--group .sv-list__item-icon use,
|
|
2305
|
+
.svc-creator-popup .sv-list__item--selected:focus.sv-list__item--group .sv-list__item-icon use,
|
|
2291
2306
|
.svc-creator-popup .sv-list__item.sv-list__item--selected:hover.sv-list__item--group .sv-list__item-icon use {
|
|
2292
|
-
fill: var(--ctr-list-item-icon-color-
|
|
2307
|
+
fill: var(--ctr-list-item-icon-color-selected-submenu, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
2308
|
+
}
|
|
2309
|
+
.svc-creator-popup .sv-list__item--selected.sv-list__item--group .sv-list-item__marker-icon use,
|
|
2310
|
+
.svc-creator-popup .sv-list__item--selected:hover.sv-list__item--group .sv-list-item__marker-icon use,
|
|
2311
|
+
.svc-creator-popup .sv-list__item--selected:focus.sv-list__item--group .sv-list-item__marker-icon use,
|
|
2312
|
+
.svc-creator-popup .sv-list__item.sv-list__item--selected:hover.sv-list__item--group .sv-list-item__marker-icon use {
|
|
2313
|
+
fill: var(--ctr-list-item-submenu-arrow-color-selected-item-submenu, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
2314
|
+
}
|
|
2315
|
+
.svc-creator-popup .sv-list__item.sv-action-bar-item--secondary:focus .sv-list__item-icon use,
|
|
2316
|
+
.svc-creator-popup .sv-list__item.sv-action-bar-item--secondary:hover .sv-list__item-icon use,
|
|
2317
|
+
.svc-creator-popup .sv-list__item.sv-action-bar-item--secondary .sv-list__item-icon use {
|
|
2318
|
+
fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
|
|
2293
2319
|
}
|
|
2294
2320
|
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
|
|
2295
2321
|
color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
|
|
@@ -2301,9 +2327,6 @@ svc-tab-designer {
|
|
|
2301
2327
|
border-top: 1px solid var(--ctr-popup-menu-footer-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
|
|
2302
2328
|
padding: var(--ctr-popup-menu-footer-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-popup-menu-footer-padding-right, 0) var(--ctr-popup-menu-footer-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-popup-menu-footer-padding-left, 0);
|
|
2303
2329
|
}
|
|
2304
|
-
.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__empty-container {
|
|
2305
|
-
background-color: var(--ctr-contextual-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
|
|
2306
|
-
}
|
|
2307
2330
|
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__button:disabled {
|
|
2308
2331
|
color: var(--ctr-actionbar-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
2309
2332
|
opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);
|
|
@@ -3152,53 +3175,54 @@ svc-page-navigator,
|
|
|
3152
3175
|
flex-direction: column;
|
|
3153
3176
|
}
|
|
3154
3177
|
|
|
3155
|
-
.svc-page-
|
|
3178
|
+
.svc-page-navigator__button-icon {
|
|
3156
3179
|
display: block;
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
border-radius: var(--ctr-page-navigator-button-corner-radius, 50%);
|
|
3180
|
+
width: var(--ctr-page-navigator-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3181
|
+
height: var(--ctr-page-navigator-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3160
3182
|
padding: var(--ctr-page-navigator-button-padding, calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3183
|
+
border-radius: var(--ctr-page-navigator-button-corner-radius, 50%);
|
|
3161
3184
|
cursor: pointer;
|
|
3162
3185
|
transition: background-color var(--sjs-creator-transition-duration, 150ms);
|
|
3163
3186
|
}
|
|
3164
|
-
.svc-page-
|
|
3187
|
+
.svc-page-navigator__button-icon .sv-svg-icon {
|
|
3188
|
+
width: var(--ctr-page-navigator-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3189
|
+
height: var(--ctr-page-navigator-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3190
|
+
}
|
|
3191
|
+
.svc-page-navigator__button-icon use {
|
|
3165
3192
|
fill: var(--ctr-page-navigator-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
3166
3193
|
transition: fill var(--sjs-creator-transition-duration, 150ms);
|
|
3167
3194
|
}
|
|
3168
3195
|
|
|
3169
|
-
.svc-page-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3196
|
+
.svc-page-navigator__button {
|
|
3197
|
+
--ctr-page-navigator-button-double-padding: calc(2 * var(--ctr-page-navigator-button-padding));
|
|
3198
|
+
--ctr-page-navigator-button-width: calc(
|
|
3199
|
+
var(--ctr-page-navigator-button-icon-width) + var(--ctr-page-navigator-button-double-padding)
|
|
3200
|
+
);
|
|
3201
|
+
--ctr-page-navigator-button-height: calc(
|
|
3202
|
+
var(--ctr-page-navigator-button-icon-height) + var(--ctr-page-navigator-button-double-padding)
|
|
3203
|
+
);
|
|
3204
|
+
width: var(--ctr-page-navigator-button-width, calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3205
|
+
height: var(--ctr-page-navigator-button-height, calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3177
3206
|
padding: 0;
|
|
3207
|
+
cursor: pointer;
|
|
3178
3208
|
border: none;
|
|
3179
3209
|
background-color: transparent;
|
|
3180
3210
|
}
|
|
3181
|
-
|
|
3182
|
-
.svc-creator .svc-page-navigator__selector:hover,
|
|
3183
|
-
.svc-creator .svc-page-navigator__selector:focus {
|
|
3211
|
+
.svc-page-navigator__button:hover, .svc-page-navigator__button:focus {
|
|
3184
3212
|
outline: none;
|
|
3185
3213
|
}
|
|
3186
|
-
|
|
3187
|
-
.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,
|
|
3188
|
-
.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon {
|
|
3214
|
+
.svc-page-navigator__button:hover .svc-page-navigator__button-icon, .svc-page-navigator__button:focus .svc-page-navigator__button-icon {
|
|
3189
3215
|
background-color: var(--ctr-page-navigator-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
|
|
3190
3216
|
}
|
|
3191
|
-
|
|
3192
|
-
.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,
|
|
3193
|
-
.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use {
|
|
3217
|
+
.svc-page-navigator__button:hover .svc-page-navigator__button-icon use, .svc-page-navigator__button:focus .svc-page-navigator__button-icon use {
|
|
3194
3218
|
fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
|
|
3195
3219
|
}
|
|
3196
3220
|
|
|
3197
|
-
.svc-page-
|
|
3198
|
-
background-color
|
|
3221
|
+
.svc-page-navigator__button--pressed .svc-page-navigator__button-icon {
|
|
3222
|
+
background: var(--ctr-page-navigator-button-background-color-pressed, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
|
|
3199
3223
|
opacity: var(--ctr-page-navigator-button-opacity-pressed, 0.5);
|
|
3200
3224
|
}
|
|
3201
|
-
.svc-page-
|
|
3225
|
+
.svc-page-navigator__button--pressed .svc-page-navigator__button-icon use {
|
|
3202
3226
|
fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
|
|
3203
3227
|
}
|
|
3204
3228
|
|
|
@@ -3216,13 +3240,11 @@ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigato
|
|
|
3216
3240
|
padding: calc(16.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
|
|
3217
3241
|
top: 0;
|
|
3218
3242
|
bottom: 0;
|
|
3219
|
-
right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3243
|
+
right: var(--ctr-page-navigator-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3220
3244
|
}
|
|
3221
3245
|
|
|
3222
3246
|
.svc-page-navigator {
|
|
3223
|
-
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3224
|
-
padding-right: 0;
|
|
3225
|
-
width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3247
|
+
padding: var(--ctr-page-navigator-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0 var(--ctr-page-navigator-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3226
3248
|
}
|
|
3227
3249
|
|
|
3228
3250
|
.svc-creator__toolbox--right .svc-tab-designer--with-page-navigator .svc-tab-designer_content,
|
|
@@ -3237,14 +3259,13 @@ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigato
|
|
|
3237
3259
|
[style*="direction:rtl"] .svc-tab-designer__page-navigator,
|
|
3238
3260
|
[style*="direction: rtl"] .svc-tab-designer__page-navigator {
|
|
3239
3261
|
right: unset;
|
|
3240
|
-
left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3262
|
+
left: var(--ctr-page-navigator-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3241
3263
|
}
|
|
3242
3264
|
.svc-creator__toolbox--right .svc-page-navigator,
|
|
3243
3265
|
[dir=rtl] .svc-page-navigator,
|
|
3244
3266
|
[style*="direction:rtl"] .svc-page-navigator,
|
|
3245
3267
|
[style*="direction: rtl"] .svc-page-navigator {
|
|
3246
|
-
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3247
|
-
padding-left: 0;
|
|
3268
|
+
padding: var(--ctr-page-navigator-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0;
|
|
3248
3269
|
}
|
|
3249
3270
|
|
|
3250
3271
|
.svc-tab-designer--bypage-mode .svc-tab-designer_content {
|
|
@@ -3477,8 +3498,10 @@ svc-page {
|
|
|
3477
3498
|
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3478
3499
|
box-sizing: border-box;
|
|
3479
3500
|
width: 100%;
|
|
3480
|
-
outline:
|
|
3481
|
-
|
|
3501
|
+
outline-color: transparent;
|
|
3502
|
+
outline: 2px transparent dashed;
|
|
3503
|
+
transition-property: background-color, box-shadow, outline-color;
|
|
3504
|
+
transition-duration: var(--sjs-creator-transition-duration, 150ms);
|
|
3482
3505
|
}
|
|
3483
3506
|
.svc-page__content .sd-page {
|
|
3484
3507
|
margin: 0;
|
|
@@ -3487,6 +3510,9 @@ svc-page {
|
|
|
3487
3510
|
.svc-page__content > .svc-question__drag-area {
|
|
3488
3511
|
padding-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3489
3512
|
}
|
|
3513
|
+
.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
|
|
3514
|
+
transition: opacity var(--sjs-creator-transition-duration, 150ms);
|
|
3515
|
+
}
|
|
3490
3516
|
|
|
3491
3517
|
.svc-page__content--dragged {
|
|
3492
3518
|
opacity: 0.25;
|
|
@@ -3508,43 +3534,132 @@ svc-page {
|
|
|
3508
3534
|
color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
3509
3535
|
}
|
|
3510
3536
|
|
|
3511
|
-
.svc-
|
|
3512
|
-
|
|
3537
|
+
.svc-page-toolbar__item {
|
|
3538
|
+
-webkit-appearance: none;
|
|
3539
|
+
-moz-appearance: none;
|
|
3540
|
+
appearance: none;
|
|
3541
|
+
outline: none;
|
|
3542
|
+
display: flex;
|
|
3543
|
+
box-sizing: border-box;
|
|
3544
|
+
border: none;
|
|
3545
|
+
cursor: pointer;
|
|
3546
|
+
white-space: nowrap;
|
|
3547
|
+
--thm-survey-question-panel-toolbar-item-padding-top: calc(
|
|
3548
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-top) +
|
|
3549
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-top)
|
|
3550
|
+
);
|
|
3551
|
+
--thm-survey-question-panel-toolbar-item-padding-right: calc(
|
|
3552
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-right) +
|
|
3553
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-right)
|
|
3554
|
+
);
|
|
3555
|
+
--thm-survey-question-panel-toolbar-item-padding-bottom: calc(
|
|
3556
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-bottom) +
|
|
3557
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom)
|
|
3558
|
+
);
|
|
3559
|
+
--thm-survey-question-panel-toolbar-item-padding-left: calc(
|
|
3560
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-left) +
|
|
3561
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-left)
|
|
3562
|
+
);
|
|
3563
|
+
--thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);
|
|
3564
|
+
margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3565
|
+
border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3566
|
+
padding: var(--thm-survey-question-panel-toolbar-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3567
|
+
justify-content: center;
|
|
3568
|
+
align-items: center;
|
|
3513
3569
|
background-color: transparent;
|
|
3514
|
-
color: var(--ctr-survey-page-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
3515
3570
|
transition: background-color var(--sjs-creator-transition-duration, 150ms);
|
|
3516
3571
|
}
|
|
3517
|
-
|
|
3518
|
-
|
|
3572
|
+
|
|
3573
|
+
.svc-page-toolbar__item--with-text {
|
|
3574
|
+
--thm-survey-question-panel-toolbar-item-padding-right: calc(
|
|
3575
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text) +
|
|
3576
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-right)
|
|
3577
|
+
);
|
|
3578
|
+
--thm-survey-question-panel-toolbar-item-gap: calc(
|
|
3579
|
+
var(--ctr-survey-question-panel-toolbar-item-gap) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right)
|
|
3580
|
+
);
|
|
3581
|
+
padding-inline-end: var(--thm-survey-question-panel-toolbar-item-padding-right-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3582
|
+
gap: var(--thm-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3519
3583
|
}
|
|
3520
|
-
|
|
3521
|
-
.svc-
|
|
3522
|
-
|
|
3584
|
+
|
|
3585
|
+
.svc-page-toolbar .sv-action:last-of-type .svc-page-toolbar__item {
|
|
3586
|
+
margin-inline-end: 0;
|
|
3587
|
+
}
|
|
3588
|
+
|
|
3589
|
+
.svc-page-toolbar .sv-action:first-of-type .svc-page-toolbar__item {
|
|
3590
|
+
margin-inline-start: 0;
|
|
3591
|
+
}
|
|
3592
|
+
|
|
3593
|
+
.svc-page-toolbar__item:not(.svc-page-toolbar__item--pressed):hover:enabled {
|
|
3594
|
+
background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
3595
|
+
}
|
|
3596
|
+
|
|
3597
|
+
.svc-page-toolbar__item:not(.svc-page-toolbar__item--pressed):focus:enabled {
|
|
3598
|
+
background-color: var(--ctr-survey-page-toolbar-item-background-color-selectedd, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
3523
3599
|
}
|
|
3524
|
-
|
|
3600
|
+
|
|
3601
|
+
.svc-page-toolbar__item:not(.svc-page-toolbar__item--pressed):active:enabled {
|
|
3525
3602
|
opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
|
|
3526
3603
|
}
|
|
3527
|
-
|
|
3604
|
+
|
|
3605
|
+
.svc-page-toolbar__item:disabled {
|
|
3528
3606
|
opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
|
|
3529
3607
|
}
|
|
3530
|
-
|
|
3608
|
+
|
|
3609
|
+
.svc-page-toolbar__item--active .svc-page-toolbar-item__icon use {
|
|
3531
3610
|
fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
|
|
3532
3611
|
}
|
|
3533
|
-
|
|
3612
|
+
|
|
3613
|
+
.svc-page-toolbar__item--pressed:not(.svc-page-toolbar__item--active) {
|
|
3614
|
+
background-color: var(--ctr-survey-page-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
3615
|
+
opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%);
|
|
3616
|
+
}
|
|
3617
|
+
|
|
3618
|
+
.svc-page-toolbar-item__icon {
|
|
3619
|
+
--thm-survey-page-toolbar-item-icon-width: calc(
|
|
3620
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-container-width) -
|
|
3621
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) -
|
|
3622
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-left)
|
|
3623
|
+
);
|
|
3624
|
+
--thm-survey-page-toolbar-item-icon-height: calc(
|
|
3625
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-container-height) -
|
|
3626
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) -
|
|
3627
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom)
|
|
3628
|
+
);
|
|
3629
|
+
width: var(--thm-survey-page-toolbar-item-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3630
|
+
height: var(--thm-survey-page-toolbar-item-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3631
|
+
}
|
|
3632
|
+
|
|
3633
|
+
.svc-page-toolbar-item__icon use {
|
|
3534
3634
|
fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
|
|
3535
3635
|
}
|
|
3636
|
+
|
|
3637
|
+
.svc-page-toolbar__item:active .svc-page-toolbar-item__icon use {
|
|
3638
|
+
fill: black;
|
|
3639
|
+
opacity: 0.5;
|
|
3640
|
+
}
|
|
3641
|
+
|
|
3642
|
+
.svc-page-toolbar-item__title {
|
|
3643
|
+
--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
3644
|
+
--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
|
|
3645
|
+
--ctr-small-bold-line-height: var(--small-bold-font-size);
|
|
3646
|
+
font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
|
|
3647
|
+
font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
|
|
3648
|
+
font-style: normal;
|
|
3649
|
+
font-weight: 400;
|
|
3650
|
+
line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
|
|
3651
|
+
font-weight: 600;
|
|
3652
|
+
color: var(--ctr-survey-page-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
3653
|
+
}
|
|
3654
|
+
|
|
3536
3655
|
.svc-page__content-actions .sv-action-bar-item-dropdown {
|
|
3537
3656
|
border-radius: calcCornerRadius(0.5);
|
|
3538
3657
|
background-color: transparent;
|
|
3539
3658
|
}
|
|
3540
|
-
.svc-page__content-actions .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
|
|
3541
|
-
background-color: var(--ctr-survey-page-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
3542
|
-
opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%);
|
|
3543
|
-
}
|
|
3544
3659
|
|
|
3545
3660
|
.svc-page__content:focus,
|
|
3546
3661
|
.svc-hovered.svc-page__content {
|
|
3547
|
-
box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
|
|
3662
|
+
box-shadow: 0 0 0 var(--ctr-survey-page-border-width-hovered, 2px) var(--ctr-survey-page-border-color-hovered, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
|
|
3548
3663
|
background: var(--ctr-survey-page-background-color-hovered, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
|
|
3549
3664
|
}
|
|
3550
3665
|
|
|
@@ -3563,12 +3678,14 @@ svc-page {
|
|
|
3563
3678
|
}
|
|
3564
3679
|
.svc-page__content--selected > .svc-question__drag-area .svc-question__drag-element,
|
|
3565
3680
|
.svc-hovered.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
|
|
3681
|
+
width: var(--ctr-survey-page-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3682
|
+
height: var(--ctr-survey-page-drag-indicator-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3566
3683
|
opacity: var(--ctr-survey-page-drag-indicator-opacity, 0.5);
|
|
3567
3684
|
}
|
|
3568
3685
|
|
|
3569
3686
|
.svc-page__content--selected.svc-page__content--selected {
|
|
3570
|
-
box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
3571
|
-
background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
|
|
3687
|
+
box-shadow: 0 0 0 var(--ctr-survey-page-border-width-selected, 2px) var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
|
|
3688
|
+
background: var(--ctr-survey-page-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
|
|
3572
3689
|
}
|
|
3573
3690
|
|
|
3574
3691
|
.svc-page__content--animation-running .svc-row .svc-question--enter {
|
|
@@ -3587,14 +3704,17 @@ svc-page {
|
|
|
3587
3704
|
animation: none;
|
|
3588
3705
|
}
|
|
3589
3706
|
|
|
3590
|
-
.svc-page__content--collapse-onhover,
|
|
3707
|
+
.svc-page__content--collapse-onhover,
|
|
3708
|
+
.svc-page__content--collapse-always {
|
|
3591
3709
|
outline: 2px transparent dashed;
|
|
3592
|
-
transition: outline-color var(--sjs-creator-transition-duration, 150ms);
|
|
3593
3710
|
}
|
|
3594
|
-
.svc-page__content--collapse-onhover.svc-page__content--selected, .svc-page__content--collapse-onhover.svc-page__content.svc-hovered,
|
|
3711
|
+
.svc-page__content--collapse-onhover.svc-page__content--selected, .svc-page__content--collapse-onhover.svc-page__content.svc-hovered,
|
|
3712
|
+
.svc-page__content--collapse-always.svc-page__content--selected,
|
|
3713
|
+
.svc-page__content--collapse-always.svc-page__content.svc-hovered {
|
|
3595
3714
|
outline-color: transparent;
|
|
3596
3715
|
}
|
|
3597
|
-
.svc-page__content--collapse-onhover.svc-page__content--collapsed-drag-over-inside,
|
|
3716
|
+
.svc-page__content--collapse-onhover.svc-page__content--collapsed-drag-over-inside,
|
|
3717
|
+
.svc-page__content--collapse-always.svc-page__content--collapsed-drag-over-inside {
|
|
3598
3718
|
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3599
3719
|
background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
3600
3720
|
animation: collapsed-drag-over-inside-blinking 1s infinite;
|
|
@@ -3645,6 +3765,7 @@ svc-page {
|
|
|
3645
3765
|
|
|
3646
3766
|
.svc-element__add-new-question {
|
|
3647
3767
|
-webkit-tap-highlight-color: transparent;
|
|
3768
|
+
height: auto;
|
|
3648
3769
|
}
|
|
3649
3770
|
|
|
3650
3771
|
.svc-add-new-item-button__text {
|
|
@@ -3662,20 +3783,17 @@ svc-page {
|
|
|
3662
3783
|
.svc-element__question-type-selector {
|
|
3663
3784
|
appearance: none;
|
|
3664
3785
|
display: flex;
|
|
3665
|
-
|
|
3666
|
-
|
|
3786
|
+
padding: var(--ctr-button-contextual-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3787
|
+
border-radius: var(--ctr-button-contextual-button-corner-radius, 2px);
|
|
3667
3788
|
box-sizing: border-box;
|
|
3668
3789
|
border: none;
|
|
3669
|
-
border-radius: 2px;
|
|
3670
3790
|
background-color: transparent;
|
|
3671
3791
|
cursor: pointer;
|
|
3672
|
-
margin-
|
|
3792
|
+
margin: var(--ctr-button-contextual-button-margin-vertical, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-margin-horizontal, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3793
|
+
margin-inline-start: 0;
|
|
3673
3794
|
outline: none;
|
|
3674
3795
|
transition: background-color var(--sjs-creator-transition-duration, 150ms);
|
|
3675
3796
|
}
|
|
3676
|
-
.svc-element__question-type-selector use {
|
|
3677
|
-
fill: var(--ctr-library-contextual-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
3678
|
-
}
|
|
3679
3797
|
.svc-element__question-type-selector:hover {
|
|
3680
3798
|
background-color: var(--ctr-button-contextual-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
3681
3799
|
}
|
|
@@ -3683,6 +3801,18 @@ svc-page {
|
|
|
3683
3801
|
background-color: var(--ctr-button-contextual-button-background-color-focused, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
|
|
3684
3802
|
}
|
|
3685
3803
|
|
|
3804
|
+
.svc-element__question-type-selector-icon {
|
|
3805
|
+
width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3806
|
+
height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3807
|
+
}
|
|
3808
|
+
.svc-element__question-type-selector-icon .sv-svg-icon {
|
|
3809
|
+
width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3810
|
+
height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
3811
|
+
}
|
|
3812
|
+
.svc-element__question-type-selector-icon use {
|
|
3813
|
+
fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
3814
|
+
}
|
|
3815
|
+
|
|
3686
3816
|
.svc-page--drag-over-empty:after {
|
|
3687
3817
|
content: " ";
|
|
3688
3818
|
position: absolute;
|
|
@@ -3780,6 +3910,55 @@ svc-page {
|
|
|
3780
3910
|
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action .sv-action-bar-separator, .svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action .sv-action-bar-separator {
|
|
3781
3911
|
visibility: visible;
|
|
3782
3912
|
}
|
|
3913
|
+
|
|
3914
|
+
.svc-page--enter,
|
|
3915
|
+
.svc-page--leave {
|
|
3916
|
+
animation-name: fadeIn, moveInWithOverflow;
|
|
3917
|
+
animation-fill-mode: forwards;
|
|
3918
|
+
animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
|
|
3919
|
+
animation-direction: var(--animation-direction);
|
|
3920
|
+
animation-timing-function: var(--animation-timing-function);
|
|
3921
|
+
animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
|
|
3922
|
+
}
|
|
3923
|
+
|
|
3924
|
+
.svc-page--enter {
|
|
3925
|
+
opacity: 0;
|
|
3926
|
+
--animation-direction: normal;
|
|
3927
|
+
--animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
|
|
3928
|
+
--fade-animation-duration: var(--sjs-svc-page-fade-in-duration, 250ms);
|
|
3929
|
+
--move-animation-duration: var(--sjs-svc-page-move-in-duration, 250ms);
|
|
3930
|
+
--fade-animation-delay: var(--sjs-svc-page-fade-in-delay, 100ms);
|
|
3931
|
+
--move-animation-delay: 0s;
|
|
3932
|
+
}
|
|
3933
|
+
|
|
3934
|
+
.svc-page--leave {
|
|
3935
|
+
--animation-direction: reverse;
|
|
3936
|
+
--animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
|
|
3937
|
+
--fade-animation-duration: var(--sjs-svc-page-fade-out-duration, 250ms);
|
|
3938
|
+
--move-animation-duration: var(--sjs-svc-page-move-out-duration, 250ms);
|
|
3939
|
+
--fade-animation-delay: 0s;
|
|
3940
|
+
--move-animation-delay: var(--sjs-svc-page-move-out-delay, 100ms);
|
|
3941
|
+
}
|
|
3942
|
+
|
|
3943
|
+
.svc-creator--disable-animations .svc-page--enter,
|
|
3944
|
+
.svc-creator--disable-animations .svc-page--leave {
|
|
3945
|
+
animation: none;
|
|
3946
|
+
}
|
|
3947
|
+
|
|
3948
|
+
.svc-page--enter.svc-page--enter .svc-page__content-actions {
|
|
3949
|
+
opacity: 0;
|
|
3950
|
+
}
|
|
3951
|
+
.svc-page--enter.svc-page--enter .svc-page__content {
|
|
3952
|
+
box-shadow: 0 0 0 2px transparent;
|
|
3953
|
+
background-color: transparent;
|
|
3954
|
+
}
|
|
3955
|
+
.svc-page--enter.svc-page--enter .svc-page__content > .svc-question__drag-area .svc-question__drag-element {
|
|
3956
|
+
opacity: 0;
|
|
3957
|
+
}
|
|
3958
|
+
|
|
3959
|
+
.svc-page {
|
|
3960
|
+
scroll-margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
3961
|
+
}
|
|
3783
3962
|
/*!**************************************************************************************************************************************************************************!*\
|
|
3784
3963
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/row.scss ***!
|
|
3785
3964
|
\**************************************************************************************************************************************************************************/
|
|
@@ -4092,43 +4271,161 @@ svc-question {
|
|
|
4092
4271
|
right: 0;
|
|
4093
4272
|
}
|
|
4094
4273
|
|
|
4095
|
-
.svc-
|
|
4274
|
+
.svc-survey-element-toolbar__item {
|
|
4275
|
+
-webkit-appearance: none;
|
|
4276
|
+
-moz-appearance: none;
|
|
4277
|
+
appearance: none;
|
|
4278
|
+
outline: none;
|
|
4279
|
+
display: flex;
|
|
4280
|
+
box-sizing: border-box;
|
|
4281
|
+
border: none;
|
|
4282
|
+
cursor: pointer;
|
|
4283
|
+
white-space: nowrap;
|
|
4284
|
+
--thm-survey-question-panel-toolbar-item-padding-top: calc(
|
|
4285
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-top) +
|
|
4286
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-top)
|
|
4287
|
+
);
|
|
4288
|
+
--thm-survey-question-panel-toolbar-item-padding-right: calc(
|
|
4289
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-right) +
|
|
4290
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-right)
|
|
4291
|
+
);
|
|
4292
|
+
--thm-survey-question-panel-toolbar-item-padding-bottom: calc(
|
|
4293
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-bottom) +
|
|
4294
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom)
|
|
4295
|
+
);
|
|
4296
|
+
--thm-survey-question-panel-toolbar-item-padding-left: calc(
|
|
4297
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-left) +
|
|
4298
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-left)
|
|
4299
|
+
);
|
|
4300
|
+
--thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);
|
|
4301
|
+
margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4302
|
+
border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4303
|
+
padding: var(--thm-survey-question-panel-toolbar-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4304
|
+
justify-content: center;
|
|
4305
|
+
align-items: center;
|
|
4096
4306
|
background-color: transparent;
|
|
4097
|
-
|
|
4098
|
-
|
|
4307
|
+
transition: background var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
|
|
4308
|
+
}
|
|
4309
|
+
|
|
4310
|
+
.svc-survey-element-toolbar__item--with-text {
|
|
4311
|
+
--thm-survey-question-panel-toolbar-item-padding-right: calc(
|
|
4312
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text) +
|
|
4313
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-right)
|
|
4314
|
+
);
|
|
4315
|
+
--thm-survey-question-panel-toolbar-item-gap: calc(
|
|
4316
|
+
var(--ctr-survey-question-panel-toolbar-item-gap) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right)
|
|
4317
|
+
);
|
|
4318
|
+
padding-inline-end: var(--thm-survey-question-panel-toolbar-item-padding-right, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4319
|
+
gap: var(--thm-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4320
|
+
}
|
|
4321
|
+
|
|
4322
|
+
.svc-survey-element-toolbar .sv-action:last-of-type .svc-survey-element-toolbar__item {
|
|
4323
|
+
margin-inline-end: 0;
|
|
4324
|
+
}
|
|
4325
|
+
|
|
4326
|
+
.svc-survey-element-toolbar .sv-action:first-of-type .svc-survey-element-toolbar__item {
|
|
4327
|
+
margin-inline-start: 0;
|
|
4328
|
+
}
|
|
4329
|
+
|
|
4330
|
+
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--with-text {
|
|
4331
|
+
--thm-survey-question-panel-toolbar-item-padding-left: calc(
|
|
4332
|
+
var(--ctr-survey-question-panel-toolbar-item-padding-left) +
|
|
4333
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-left-with-text)
|
|
4334
|
+
);
|
|
4335
|
+
--thm-survey-question-panel-toolbar-item-gap: calc(
|
|
4336
|
+
var(--ctr-survey-question-panel-toolbar-item-gap) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-left)
|
|
4337
|
+
);
|
|
4338
|
+
flex-direction: row-reverse;
|
|
4339
|
+
padding-inline-start: var(--thm-survey-question-panel-toolbar-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4340
|
+
gap: var(--thm-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4341
|
+
}
|
|
4342
|
+
|
|
4343
|
+
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--icon {
|
|
4344
|
+
padding: var(--ctr-survey-question-panel-toolbar-item-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4345
|
+
}
|
|
4346
|
+
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--icon .svc-survey-element-toolbar-item__icon {
|
|
4347
|
+
padding: 0;
|
|
4348
|
+
width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4349
|
+
height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4099
4350
|
}
|
|
4100
|
-
|
|
4351
|
+
|
|
4352
|
+
.svc-survey-element-toolbar .svc-survey-element-toolbar-item__icon use {
|
|
4101
4353
|
fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
|
|
4102
4354
|
}
|
|
4103
|
-
|
|
4104
|
-
.svc-
|
|
4355
|
+
|
|
4356
|
+
.svc-survey-element-toolbar__item:not(.svc-survey-element-toolbar__item--pressed):hover:enabled {
|
|
4105
4357
|
background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
4106
4358
|
}
|
|
4107
|
-
.svc-
|
|
4359
|
+
.svc-survey-element-toolbar__item:not(.svc-survey-element-toolbar__item--pressed):focus:enabled {
|
|
4360
|
+
background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
4361
|
+
}
|
|
4362
|
+
|
|
4363
|
+
.svc-survey-element-toolbar__item:not(.svc-survey-element-toolbar__item--pressed):active:enabled {
|
|
4108
4364
|
opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
|
|
4365
|
+
background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
4109
4366
|
}
|
|
4110
|
-
.svc-
|
|
4111
|
-
|
|
4367
|
+
.svc-survey-element-toolbar__item:not(.svc-survey-element-toolbar__item--pressed):active:enabled use {
|
|
4368
|
+
fill: black;
|
|
4369
|
+
opacity: 0.45;
|
|
4112
4370
|
}
|
|
4113
|
-
|
|
4114
|
-
|
|
4371
|
+
|
|
4372
|
+
.svc-survey-element-toolbar__item:disabled {
|
|
4373
|
+
opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
|
|
4115
4374
|
}
|
|
4116
|
-
|
|
4375
|
+
|
|
4376
|
+
.svc-survey-element-toolbar__item--active .svc-survey-element-toolbar-item__icon use {
|
|
4117
4377
|
fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
|
|
4118
4378
|
}
|
|
4119
|
-
|
|
4120
|
-
|
|
4121
|
-
|
|
4122
|
-
.svc-question__adorner .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
|
|
4123
|
-
background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
4379
|
+
|
|
4380
|
+
.svc-survey-element-toolbar__item--pressed:not(.svc-survey-element-toolbar__item--active) {
|
|
4381
|
+
background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
4124
4382
|
opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%);
|
|
4125
4383
|
}
|
|
4126
|
-
.svc-
|
|
4127
|
-
|
|
4128
|
-
|
|
4384
|
+
.svc-survey-element-toolbar__item--pressed:not(.svc-survey-element-toolbar__item--active) use {
|
|
4385
|
+
fill: black;
|
|
4386
|
+
opacity: 0.45;
|
|
4387
|
+
}
|
|
4388
|
+
|
|
4389
|
+
.svc-survey-element-toolbar__item--active:not(.svc-survey-element-toolbar__item--pressed):enabled:hover,
|
|
4390
|
+
.svc-survey-element-toolbar__item--active:not(.svc-survey-element-toolbar__item--pressed):enabled:focus,
|
|
4391
|
+
.svc-survey-element-toolbar__item--active {
|
|
4129
4392
|
background-color: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
|
|
4130
4393
|
}
|
|
4131
4394
|
|
|
4395
|
+
.svc-survey-element-toolbar-item__icon,
|
|
4396
|
+
.svc-survey-element-toolbar__dots-item .sv-svg-icon.sv-action-bar-item__icon {
|
|
4397
|
+
--ctr-survey-question-toolbar-item-icon-width: calc(
|
|
4398
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-container-width) -
|
|
4399
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) -
|
|
4400
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-left)
|
|
4401
|
+
);
|
|
4402
|
+
--ctr-survey-question-toolbar-item-icon-height: calc(
|
|
4403
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-container-height) -
|
|
4404
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) -
|
|
4405
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom)
|
|
4406
|
+
);
|
|
4407
|
+
width: var(--ctr-survey-question-toolbar-item-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4408
|
+
height: var(--ctr-survey-question-toolbar-item-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4409
|
+
}
|
|
4410
|
+
|
|
4411
|
+
.svc-survey-element-toolbar-item__title {
|
|
4412
|
+
--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4413
|
+
--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
|
|
4414
|
+
--ctr-small-bold-line-height: var(--small-bold-font-size);
|
|
4415
|
+
font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
|
|
4416
|
+
font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
|
|
4417
|
+
font-style: normal;
|
|
4418
|
+
font-weight: 400;
|
|
4419
|
+
line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
|
|
4420
|
+
font-weight: 600;
|
|
4421
|
+
color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
4422
|
+
transition: color var(--sjs-creator-transition-duration, 150ms);
|
|
4423
|
+
}
|
|
4424
|
+
|
|
4425
|
+
.svc-question__adorner .sv-action-bar-item-dropdown {
|
|
4426
|
+
background-color: transparent;
|
|
4427
|
+
}
|
|
4428
|
+
|
|
4132
4429
|
.svc-question__content {
|
|
4133
4430
|
scroll-margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4134
4431
|
}
|
|
@@ -4300,68 +4597,80 @@ svc-question {
|
|
|
4300
4597
|
width: 100%;
|
|
4301
4598
|
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4302
4599
|
}
|
|
4303
|
-
.svc-question__content-actions .
|
|
4600
|
+
.svc-question__content-actions .svc-action-bar-item--right:first-of-type {
|
|
4601
|
+
margin-inline-start: auto;
|
|
4602
|
+
}
|
|
4603
|
+
|
|
4604
|
+
.svc-dropdown-action--convertTo {
|
|
4304
4605
|
max-width: max-content;
|
|
4305
4606
|
}
|
|
4306
|
-
.svc-
|
|
4607
|
+
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item {
|
|
4307
4608
|
flex-direction: row-reverse;
|
|
4308
4609
|
}
|
|
4309
|
-
.svc-
|
|
4610
|
+
.svc-dropdown-action--convertTo .sv-action-bar-item--icon {
|
|
4310
4611
|
max-width: 100%;
|
|
4311
4612
|
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4312
4613
|
}
|
|
4313
|
-
.svc-
|
|
4614
|
+
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__title {
|
|
4314
4615
|
display: inline-block;
|
|
4315
4616
|
justify-content: left;
|
|
4316
4617
|
}
|
|
4317
|
-
.svc-
|
|
4318
|
-
margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4319
|
-
}
|
|
4320
|
-
.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:last-child {
|
|
4618
|
+
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__icon:last-child {
|
|
4321
4619
|
margin-inline-start: 0;
|
|
4322
4620
|
}
|
|
4323
|
-
.svc-
|
|
4621
|
+
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__icon:last-child use {
|
|
4324
4622
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4325
4623
|
}
|
|
4326
|
-
|
|
4327
|
-
|
|
4328
|
-
margin-inline-end: 0;
|
|
4329
|
-
}
|
|
4330
|
-
.svc-question__content-actions .sv-action--convertTo.sv-action--hidden {
|
|
4624
|
+
|
|
4625
|
+
.svc-dropdown-action--convertTo.sv-action--hidden {
|
|
4331
4626
|
min-width: 0;
|
|
4332
4627
|
}
|
|
4333
|
-
|
|
4628
|
+
|
|
4629
|
+
.svc-dropdown-action--convertTo-last {
|
|
4334
4630
|
margin-inline-end: auto;
|
|
4335
4631
|
}
|
|
4336
|
-
|
|
4337
|
-
|
|
4338
|
-
}
|
|
4339
|
-
.svc-question__content-actions .sv-dots {
|
|
4632
|
+
|
|
4633
|
+
.svc-survey-element-toolbar__dots-item {
|
|
4340
4634
|
width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4341
4635
|
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
4342
4636
|
margin-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4343
4637
|
}
|
|
4344
|
-
.svc-
|
|
4638
|
+
.svc-survey-element-toolbar__dots-item.sv-action--hidden {
|
|
4345
4639
|
width: 0;
|
|
4346
4640
|
margin: 0;
|
|
4347
4641
|
}
|
|
4348
|
-
.svc-
|
|
4642
|
+
.svc-survey-element-toolbar__dots-item.sv-action--hidden .sv-action__content {
|
|
4349
4643
|
display: none;
|
|
4350
4644
|
}
|
|
4351
|
-
.svc-
|
|
4645
|
+
.svc-survey-element-toolbar__dots-item .sv-dots__item {
|
|
4352
4646
|
margin-left: 0;
|
|
4353
4647
|
}
|
|
4354
|
-
.svc-
|
|
4648
|
+
.svc-survey-element-toolbar__dots-item .sv-list__item-icon {
|
|
4649
|
+
--ctr-survey-question-toolbar-item-icon-width: calc(
|
|
4650
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-container-width) -
|
|
4651
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) -
|
|
4652
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-left)
|
|
4653
|
+
);
|
|
4654
|
+
--ctr-survey-question-toolbar-item-icon-height: calc(
|
|
4655
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-container-height) -
|
|
4656
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) -
|
|
4657
|
+
var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom)
|
|
4658
|
+
);
|
|
4659
|
+
width: var(--ctr-survey-question-toolbar-item-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4660
|
+
height: var(--ctr-survey-question-toolbar-item-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4661
|
+
}
|
|
4662
|
+
.svc-survey-element-toolbar__dots-item .sv-list__item:hover > .sv-list__item-body .sv-svg-icon use,
|
|
4663
|
+
.svc-survey-element-toolbar__dots-item .sv-svg-icon use {
|
|
4355
4664
|
fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
4356
4665
|
}
|
|
4357
4666
|
|
|
4358
4667
|
.svc-question__content:focus,
|
|
4359
4668
|
.svc-hovered > .svc-question__content {
|
|
4360
|
-
box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
|
|
4669
|
+
box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px) var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
|
|
4361
4670
|
}
|
|
4362
4671
|
|
|
4363
4672
|
.svc-question__content--selected:not(.svc-question__content--dragged) {
|
|
4364
|
-
box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
4673
|
+
box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px) var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
|
|
4365
4674
|
}
|
|
4366
4675
|
|
|
4367
4676
|
.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {
|
|
@@ -4667,11 +4976,11 @@ svc-question .sv-action-bar,
|
|
|
4667
4976
|
}
|
|
4668
4977
|
|
|
4669
4978
|
.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__drag-element {
|
|
4670
|
-
opacity: 0.5;
|
|
4979
|
+
opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);
|
|
4671
4980
|
}
|
|
4672
4981
|
|
|
4673
4982
|
.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {
|
|
4674
|
-
opacity: 0.5;
|
|
4983
|
+
opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);
|
|
4675
4984
|
z-index: 1;
|
|
4676
4985
|
}
|
|
4677
4986
|
|
|
@@ -4703,11 +5012,17 @@ svc-question .sv-action-bar,
|
|
|
4703
5012
|
transition: opacity 150ms;
|
|
4704
5013
|
}
|
|
4705
5014
|
|
|
5015
|
+
.svc-element__header--lazy .svc-string-editor,
|
|
5016
|
+
.svc-element__header--lazy sv-ng-string > .svc-string-editor,
|
|
4706
5017
|
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor,
|
|
4707
5018
|
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor {
|
|
4708
5019
|
display: inline-block;
|
|
4709
5020
|
}
|
|
4710
|
-
.svc-element__header--
|
|
5021
|
+
.svc-element__header--lazy .svc-string-editor::before, .svc-element__header--lazy .svc-string-editor::after,
|
|
5022
|
+
.svc-element__header--lazy sv-ng-string > .svc-string-editor::before,
|
|
5023
|
+
.svc-element__header--lazy sv-ng-string > .svc-string-editor::after,
|
|
5024
|
+
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::before,
|
|
5025
|
+
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::after,
|
|
4711
5026
|
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor::before,
|
|
4712
5027
|
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor::after {
|
|
4713
5028
|
content: none;
|
|
@@ -4777,9 +5092,10 @@ svc-question .sv-action-bar,
|
|
|
4777
5092
|
|
|
4778
5093
|
.svc-question__drag-element {
|
|
4779
5094
|
width: 100%;
|
|
4780
|
-
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4781
5095
|
opacity: 0;
|
|
4782
5096
|
transition: opacity var(--sjs-creator-transition-duration, 150ms);
|
|
5097
|
+
width: var(--ctr-survey-question-panel-drag-area-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5098
|
+
height: var(--ctr-survey-question-panel-drag-area-drag-indicator-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
4783
5099
|
}
|
|
4784
5100
|
.svc-question__drag-element use {
|
|
4785
5101
|
fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
@@ -5016,6 +5332,8 @@ svc-question .sv-action-bar,
|
|
|
5016
5332
|
.svc-panel__placeholder_frame .svc-panel__add-new-question-icon,
|
|
5017
5333
|
.svc-panel__add-new-question-container .svc-panel__add-new-question-icon {
|
|
5018
5334
|
display: block;
|
|
5335
|
+
width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5336
|
+
height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5019
5337
|
}
|
|
5020
5338
|
.svc-panel__placeholder_frame .svc-element__question-type-selector,
|
|
5021
5339
|
.svc-panel__add-new-question-container .svc-element__question-type-selector {
|
|
@@ -5034,10 +5352,6 @@ svc-question .sv-action-bar,
|
|
|
5034
5352
|
display: none;
|
|
5035
5353
|
}
|
|
5036
5354
|
}
|
|
5037
|
-
.sv-list__container .sv-action-bar-item--secondary .sv-list__item-icon use {
|
|
5038
|
-
fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
5039
|
-
}
|
|
5040
|
-
|
|
5041
5355
|
.sd-panel .svc-row {
|
|
5042
5356
|
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5043
5357
|
}
|
|
@@ -5137,16 +5451,27 @@ svc-question .sv-action-bar,
|
|
|
5137
5451
|
right: 0;
|
|
5138
5452
|
visibility: hidden;
|
|
5139
5453
|
}
|
|
5140
|
-
|
|
5141
|
-
|
|
5142
|
-
|
|
5143
|
-
|
|
5144
|
-
|
|
5454
|
+
|
|
5455
|
+
.svc-survey-element-top-toolbar__item {
|
|
5456
|
+
-webkit-appearance: none;
|
|
5457
|
+
-moz-appearance: none;
|
|
5458
|
+
appearance: none;
|
|
5459
|
+
outline: none;
|
|
5460
|
+
display: flex;
|
|
5461
|
+
box-sizing: border-box;
|
|
5462
|
+
border: none;
|
|
5463
|
+
cursor: pointer;
|
|
5464
|
+
white-space: nowrap;
|
|
5465
|
+
padding: var(--ctr-survey-question-panel-toolbar-item-padding-top-small, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-right-small, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-bottom-small, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-left-small, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5466
|
+
border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);
|
|
5467
|
+
opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-muted, 0.5);
|
|
5468
|
+
background-color: transparent;
|
|
5145
5469
|
}
|
|
5146
|
-
.svc-
|
|
5470
|
+
.svc-survey-element-top-toolbar__item:hover, .svc-survey-element-top-toolbar__item:focus {
|
|
5147
5471
|
opacity: initial;
|
|
5472
|
+
background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
5148
5473
|
}
|
|
5149
|
-
.svc-
|
|
5474
|
+
.svc-survey-element-top-toolbar__item use {
|
|
5150
5475
|
fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
|
|
5151
5476
|
}
|
|
5152
5477
|
|
|
@@ -5541,6 +5866,12 @@ svc-question .sv-action-bar,
|
|
|
5541
5866
|
.svc-item-value-controls__drag-icon {
|
|
5542
5867
|
display: block;
|
|
5543
5868
|
transition: opacity var(--sjs-creator-transition-duration, 150ms);
|
|
5869
|
+
width: var(--ctr-survey-item-actionbar-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5870
|
+
height: var(--ctr-survey-item-actionbar-drag-indicator-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5871
|
+
}
|
|
5872
|
+
.svc-item-value-controls__drag-icon .sv-svg-icon {
|
|
5873
|
+
width: var(--ctr-survey-item-actionbar-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5874
|
+
height: var(--ctr-survey-item-actionbar-drag-indicator-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5544
5875
|
}
|
|
5545
5876
|
|
|
5546
5877
|
.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,
|
|
@@ -5549,7 +5880,7 @@ svc-question .sv-action-bar,
|
|
|
5549
5880
|
}
|
|
5550
5881
|
|
|
5551
5882
|
.svc-item-value-controls__drag {
|
|
5552
|
-
padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
|
|
5883
|
+
padding: var(--ctr-survey-item-actionbar-drag-indicator-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-item-actionbar-drag-indicator-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-item-actionbar-drag-indicator-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-item-actionbar-drag-indicator-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
5553
5884
|
cursor: move;
|
|
5554
5885
|
opacity: 0.25;
|
|
5555
5886
|
}
|
|
@@ -5683,7 +6014,7 @@ svc-question .sv-action-bar,
|
|
|
5683
6014
|
}
|
|
5684
6015
|
.svc-item-value__ghost {
|
|
5685
6016
|
display: none;
|
|
5686
|
-
background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
6017
|
+
background: var(--ctr-survey-radio-button-group-item-background-color-drop-spot, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
5687
6018
|
border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
5688
6019
|
width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5689
6020
|
height: 40px;
|
|
@@ -5928,18 +6259,7 @@ svc-question .sv-action-bar,
|
|
|
5928
6259
|
}
|
|
5929
6260
|
|
|
5930
6261
|
.svc-matrix-cell__question-controls-button {
|
|
5931
|
-
display: block;
|
|
5932
|
-
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5933
|
-
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5934
|
-
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
5935
6262
|
border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
5936
|
-
box-sizing: border-box;
|
|
5937
|
-
border-radius: 50%;
|
|
5938
|
-
padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5939
|
-
cursor: pointer;
|
|
5940
|
-
}
|
|
5941
|
-
.svc-matrix-cell__question-controls-button use {
|
|
5942
|
-
fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
5943
6263
|
}
|
|
5944
6264
|
|
|
5945
6265
|
.svc-matrix-cell:hover .svc-matrix-cell__question-controls {
|
|
@@ -6175,7 +6495,7 @@ svc-question .sv-action-bar,
|
|
|
6175
6495
|
font-weight: 400;
|
|
6176
6496
|
line-height: var(--ctr-font-large-line-height, 40px);
|
|
6177
6497
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
6178
|
-
opacity: 0.25;
|
|
6498
|
+
opacity: var(--ctr-survey-header-logo-placeholder-icon-opacity, 0.25);
|
|
6179
6499
|
white-space: nowrap;
|
|
6180
6500
|
word-break: keep-all;
|
|
6181
6501
|
padding: 0;
|
|
@@ -6185,7 +6505,7 @@ svc-question .sv-action-bar,
|
|
|
6185
6505
|
justify-content: center;
|
|
6186
6506
|
align-items: center;
|
|
6187
6507
|
margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6188
|
-
border-radius: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6508
|
+
border-radius: var(--ctr-survey-header-logo-placeholder-corner-radius, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
6189
6509
|
transition: background-color var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
|
|
6190
6510
|
}
|
|
6191
6511
|
.svc-logo-image-placeholder:hover {
|
|
@@ -6196,8 +6516,8 @@ svc-question .sv-action-bar,
|
|
|
6196
6516
|
fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
|
|
6197
6517
|
}
|
|
6198
6518
|
.svc-logo-image-placeholder svg {
|
|
6199
|
-
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6200
|
-
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6519
|
+
width: var(--ctr-survey-header-logo-placeholder-icon-width, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
6520
|
+
height: var(--ctr-survey-header-logo-placeholder-icon-height, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
6201
6521
|
}
|
|
6202
6522
|
|
|
6203
6523
|
.svc-logo-image-placeholder use {
|
|
@@ -6286,6 +6606,112 @@ svc-question .sv-action-bar,
|
|
|
6286
6606
|
.svc-question-link__clear-button:hover {
|
|
6287
6607
|
background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
|
|
6288
6608
|
}
|
|
6609
|
+
/*!*****************************************************************************************************************************************************************************!*\
|
|
6610
|
+
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/search.scss ***!
|
|
6611
|
+
\*****************************************************************************************************************************************************************************/
|
|
6612
|
+
.svc-creator {
|
|
6613
|
+
--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);
|
|
6614
|
+
--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);
|
|
6615
|
+
--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);
|
|
6616
|
+
--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);
|
|
6617
|
+
--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);
|
|
6618
|
+
--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);
|
|
6619
|
+
--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);
|
|
6620
|
+
--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);
|
|
6621
|
+
--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);
|
|
6622
|
+
--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);
|
|
6623
|
+
--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);
|
|
6624
|
+
--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);
|
|
6625
|
+
--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);
|
|
6626
|
+
--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);
|
|
6627
|
+
--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);
|
|
6628
|
+
--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);
|
|
6629
|
+
--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);
|
|
6630
|
+
--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8);
|
|
6631
|
+
}
|
|
6632
|
+
|
|
6633
|
+
.svc-search {
|
|
6634
|
+
--sjs-general-forecolor: rgba(0, 0, 0, 0.91);
|
|
6635
|
+
--sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);
|
|
6636
|
+
}
|
|
6637
|
+
|
|
6638
|
+
.svc-search {
|
|
6639
|
+
display: flex;
|
|
6640
|
+
align-items: center;
|
|
6641
|
+
}
|
|
6642
|
+
|
|
6643
|
+
.svc-search__input {
|
|
6644
|
+
overflow: hidden;
|
|
6645
|
+
white-space: nowrap;
|
|
6646
|
+
text-overflow: ellipsis;
|
|
6647
|
+
--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6648
|
+
--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
|
|
6649
|
+
--ctr-small-bold-line-height: var(--small-bold-font-size);
|
|
6650
|
+
font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
|
|
6651
|
+
font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
|
|
6652
|
+
font-style: normal;
|
|
6653
|
+
font-weight: 400;
|
|
6654
|
+
line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
|
|
6655
|
+
font-weight: 600;
|
|
6656
|
+
border: none;
|
|
6657
|
+
-webkit-appearance: none;
|
|
6658
|
+
-moz-appearance: none;
|
|
6659
|
+
appearance: none;
|
|
6660
|
+
display: block;
|
|
6661
|
+
background: transparent;
|
|
6662
|
+
box-sizing: border-box;
|
|
6663
|
+
outline: none;
|
|
6664
|
+
padding: 0;
|
|
6665
|
+
width: 0;
|
|
6666
|
+
flex-grow: 1;
|
|
6667
|
+
}
|
|
6668
|
+
|
|
6669
|
+
.svc-creator--mobile .svc-search__input {
|
|
6670
|
+
font-size: max(16px, var(--ctr-font-small-size, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))));
|
|
6671
|
+
}
|
|
6672
|
+
|
|
6673
|
+
.svc-search__toolbar {
|
|
6674
|
+
display: flex;
|
|
6675
|
+
gap: var(--ctr-search-toolbar-gap, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
6676
|
+
justify-content: flex-end;
|
|
6677
|
+
align-items: center;
|
|
6678
|
+
flex-shrink: 0;
|
|
6679
|
+
}
|
|
6680
|
+
|
|
6681
|
+
.svc-search__toolbar .sv-action-bar {
|
|
6682
|
+
gap: var(--ctr-search-toolbar-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
6683
|
+
margin: 0;
|
|
6684
|
+
flex-shrink: 0;
|
|
6685
|
+
}
|
|
6686
|
+
|
|
6687
|
+
.svc-search__toolbar .sv-action--hidden {
|
|
6688
|
+
display: none;
|
|
6689
|
+
}
|
|
6690
|
+
|
|
6691
|
+
.svc-search__toolbar .svc-search__bar-item {
|
|
6692
|
+
height: min-content;
|
|
6693
|
+
margin: 0;
|
|
6694
|
+
border-radius: var(--ctr-search-button-corner-radius, 100px);
|
|
6695
|
+
padding: var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
6696
|
+
}
|
|
6697
|
+
.svc-search__toolbar .svc-search__bar-item .sv-svg-icon {
|
|
6698
|
+
width: var(--ctr-search-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
6699
|
+
height: var(--ctr-search-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
6700
|
+
}
|
|
6701
|
+
|
|
6702
|
+
.svc-search__toolbar-counter {
|
|
6703
|
+
--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6704
|
+
--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
|
|
6705
|
+
--ctr-small-bold-line-height: var(--small-bold-font-size);
|
|
6706
|
+
font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
|
|
6707
|
+
font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
|
|
6708
|
+
font-style: normal;
|
|
6709
|
+
font-weight: 400;
|
|
6710
|
+
line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
|
|
6711
|
+
font-weight: 600;
|
|
6712
|
+
display: flex;
|
|
6713
|
+
flex-shrink: 0;
|
|
6714
|
+
}
|
|
6289
6715
|
/*!*********************************************************************************************************************************************************************************************************!*\
|
|
6290
6716
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/property-panel/property-panel-item.scss ***!
|
|
6291
6717
|
\*********************************************************************************************************************************************************************************************************/
|
|
@@ -6485,6 +6911,9 @@ svc-question .sv-action-bar,
|
|
|
6485
6911
|
}
|
|
6486
6912
|
|
|
6487
6913
|
.svc-tabbed-menu-item {
|
|
6914
|
+
display: flex;
|
|
6915
|
+
align-items: center;
|
|
6916
|
+
min-height: calc(var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-item-padding-top) + var(--ctr-menu-item-padding-bottom));
|
|
6488
6917
|
padding: var(--ctr-menu-item-padding-top, 20px) var(--ctr-menu-item-padding-right, 24px) var(--ctr-menu-item-padding-bottom, 20px) var(--ctr-menu-item-padding-left, 24px);
|
|
6489
6918
|
box-sizing: border-box;
|
|
6490
6919
|
cursor: pointer;
|
|
@@ -6492,7 +6921,7 @@ svc-question .sv-action-bar,
|
|
|
6492
6921
|
}
|
|
6493
6922
|
.svc-tabbed-menu-item:hover, .svc-tabbed-menu-item:focus {
|
|
6494
6923
|
background-color: var(--ctr-menu-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
6495
|
-
box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
|
|
6924
|
+
box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
|
|
6496
6925
|
outline: none;
|
|
6497
6926
|
}
|
|
6498
6927
|
|
|
@@ -7036,7 +7465,7 @@ svc-toolbox {
|
|
|
7036
7465
|
var(--ctr-toolbox-item-padding-right-no-text) +
|
|
7037
7466
|
var(--ctr-toolbox-item-padding-left-no-text)
|
|
7038
7467
|
);
|
|
7039
|
-
--thm-toolbox-separator-width:
|
|
7468
|
+
--thm-toolbox-separator-width: var(--ctr-toolbox-min-width);
|
|
7040
7469
|
--toolbox-width: var(--ctr-toolbox-min-width, 224.984375px /*calcSize(28)*/);
|
|
7041
7470
|
--toolbox-width-compact: var(--thm-toolbox-width-compact, var(--dft-toolbox-width-compact));
|
|
7042
7471
|
width: auto;
|
|
@@ -7044,31 +7473,6 @@ svc-toolbox {
|
|
|
7044
7473
|
display: flex;
|
|
7045
7474
|
flex-direction: column;
|
|
7046
7475
|
}
|
|
7047
|
-
.svc-toolbox .spg-search-editor_container {
|
|
7048
|
-
background: var(--ctr-toolbox-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
7049
|
-
padding-top: var(--ctr-toolbox-search-padding-top, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7050
|
-
padding-inline-end: var(--ctr-toolbox-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7051
|
-
padding-bottom: var(--ctr-toolbox-search-padding-bottom, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7052
|
-
padding-inline-start: var(--ctr-toolbox-search-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7053
|
-
height: unset;
|
|
7054
|
-
width: unset;
|
|
7055
|
-
flex-grow: 1;
|
|
7056
|
-
border-bottom: none;
|
|
7057
|
-
}
|
|
7058
|
-
.svc-toolbox .spg-search-editor_input {
|
|
7059
|
-
width: 0;
|
|
7060
|
-
flex-grow: 1;
|
|
7061
|
-
}
|
|
7062
|
-
.svc-toolbox .spg-search-editor_toolbar-counter {
|
|
7063
|
-
display: none;
|
|
7064
|
-
}
|
|
7065
|
-
.svc-toolbox .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled {
|
|
7066
|
-
background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
|
|
7067
|
-
border-radius: 100px;
|
|
7068
|
-
}
|
|
7069
|
-
.svc-toolbox .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled svg use {
|
|
7070
|
-
fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
|
|
7071
|
-
}
|
|
7072
7476
|
|
|
7073
7477
|
.svc-toolbox__panel {
|
|
7074
7478
|
position: relative;
|
|
@@ -7156,7 +7560,7 @@ svc-toolbox {
|
|
|
7156
7560
|
padding: var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-right-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7157
7561
|
pointer-events: none;
|
|
7158
7562
|
}
|
|
7159
|
-
.svc-toolbox--compact .
|
|
7563
|
+
.svc-toolbox--compact .svc-search {
|
|
7160
7564
|
opacity: 0;
|
|
7161
7565
|
position: absolute;
|
|
7162
7566
|
}
|
|
@@ -7168,6 +7572,7 @@ svc-toolbox {
|
|
|
7168
7572
|
}
|
|
7169
7573
|
.svc-toolbox--compact .svc-toolbox__category-separator {
|
|
7170
7574
|
width: var(--thm-toolbox-separator-width-compact, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7575
|
+
box-sizing: content-box;
|
|
7171
7576
|
padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7172
7577
|
padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7173
7578
|
margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));
|
|
@@ -7195,7 +7600,7 @@ svc-toolbox {
|
|
|
7195
7600
|
overflow: visible;
|
|
7196
7601
|
border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid transparent;
|
|
7197
7602
|
}
|
|
7198
|
-
.svc-toolbox--flyout .
|
|
7603
|
+
.svc-toolbox--flyout .svc-search {
|
|
7199
7604
|
opacity: 1;
|
|
7200
7605
|
position: relative;
|
|
7201
7606
|
}
|
|
@@ -7235,7 +7640,8 @@ svc-toolbox {
|
|
|
7235
7640
|
}
|
|
7236
7641
|
|
|
7237
7642
|
.svc-toolbox__category-separator {
|
|
7238
|
-
width: var(--thm-toolbox-separator-width, calc(
|
|
7643
|
+
width: var(--thm-toolbox-separator-width, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7644
|
+
box-sizing: border-box;
|
|
7239
7645
|
padding-top: var(--ctr-toolbox-separator-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7240
7646
|
padding-inline-end: var(--ctr-toolbox-separator-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7241
7647
|
padding-bottom: var(--ctr-toolbox-separator-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
@@ -7352,6 +7758,64 @@ svc-toolbox {
|
|
|
7352
7758
|
margin-inline-end: auto;
|
|
7353
7759
|
color: var(--ctr-property-grid-placeholder-text-description-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
7354
7760
|
}
|
|
7761
|
+
/*!*********************************************************************************************************************************************************************************************!*\
|
|
7762
|
+
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/toolbox/toolbox-search.scss ***!
|
|
7763
|
+
\*********************************************************************************************************************************************************************************************/
|
|
7764
|
+
.svc-creator {
|
|
7765
|
+
--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);
|
|
7766
|
+
--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);
|
|
7767
|
+
--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);
|
|
7768
|
+
--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);
|
|
7769
|
+
--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);
|
|
7770
|
+
--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);
|
|
7771
|
+
--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);
|
|
7772
|
+
--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);
|
|
7773
|
+
--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);
|
|
7774
|
+
--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);
|
|
7775
|
+
--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);
|
|
7776
|
+
--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);
|
|
7777
|
+
--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);
|
|
7778
|
+
--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);
|
|
7779
|
+
--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);
|
|
7780
|
+
--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);
|
|
7781
|
+
--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);
|
|
7782
|
+
--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8);
|
|
7783
|
+
}
|
|
7784
|
+
|
|
7785
|
+
.svc-toolbox .svc-search {
|
|
7786
|
+
padding-top: var(--ctr-toolbox-search-padding-top, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7787
|
+
padding-inline-end: var(--ctr-toolbox-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7788
|
+
padding-bottom: var(--ctr-toolbox-search-padding-bottom, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7789
|
+
padding-inline-start: var(--ctr-toolbox-search-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7790
|
+
gap: var(--ctr-toolbox-search-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
7791
|
+
height: unset;
|
|
7792
|
+
width: unset;
|
|
7793
|
+
flex-grow: 1;
|
|
7794
|
+
border-bottom: none;
|
|
7795
|
+
}
|
|
7796
|
+
.svc-toolbox .svc-search__input {
|
|
7797
|
+
color: var(--ctr-toolbox-search-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
7798
|
+
}
|
|
7799
|
+
.svc-toolbox .svc-search__input::placeholder {
|
|
7800
|
+
color: var(--ctr-toolbox-search-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
7801
|
+
}
|
|
7802
|
+
.svc-toolbox .svc-search__bar-item:hover:enabled {
|
|
7803
|
+
background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
|
|
7804
|
+
}
|
|
7805
|
+
.svc-toolbox .svc-search__bar-item:hover:enabled svg use {
|
|
7806
|
+
fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
|
|
7807
|
+
}
|
|
7808
|
+
.svc-toolbox .svc-search__search-icon {
|
|
7809
|
+
width: var(--ctr-toolbox-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7810
|
+
height: var(--ctr-toolbox-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7811
|
+
}
|
|
7812
|
+
.svc-toolbox .svc-search__search-icon .sv-svg-icon {
|
|
7813
|
+
width: var(--ctr-toolbox-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7814
|
+
height: var(--ctr-toolbox-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7815
|
+
}
|
|
7816
|
+
.svc-toolbox .svc-search__search-icon .sv-svg-icon use {
|
|
7817
|
+
fill: var(--ctr-toolbox-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
7818
|
+
}
|
|
7355
7819
|
/*!********************************************************************************************************************************************************************************************!*\
|
|
7356
7820
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/toolbox/toolbox-right.scss ***!
|
|
7357
7821
|
\********************************************************************************************************************************************************************************************/
|
|
@@ -7396,7 +7860,7 @@ svc-toolbox {
|
|
|
7396
7860
|
}
|
|
7397
7861
|
|
|
7398
7862
|
.svc-creator__toolbox--right .sv-popup__body-content,
|
|
7399
|
-
.svc-creator__toolbox--right .
|
|
7863
|
+
.svc-creator__toolbox--right .svc-search {
|
|
7400
7864
|
direction: initial;
|
|
7401
7865
|
}
|
|
7402
7866
|
/*!************************************************************************************************************************************************************************************************!*\
|
|
@@ -7453,11 +7917,11 @@ svc-toolbox {
|
|
|
7453
7917
|
}
|
|
7454
7918
|
@keyframes toolboxSeparatorMoveIn {
|
|
7455
7919
|
from {
|
|
7456
|
-
width: var(--thm-toolbox-separator-width-compact, calc(
|
|
7920
|
+
width: var(--thm-toolbox-separator-width-compact, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7457
7921
|
overflow: hidden;
|
|
7458
7922
|
}
|
|
7459
7923
|
to {
|
|
7460
|
-
width: var(--thm-toolbox-separator-width, calc(
|
|
7924
|
+
width: var(--thm-toolbox-separator-width, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
7461
7925
|
overflow: hidden;
|
|
7462
7926
|
}
|
|
7463
7927
|
}
|
|
@@ -7486,10 +7950,10 @@ svc-toolbox {
|
|
|
7486
7950
|
}
|
|
7487
7951
|
.svc-toolbox__panel--enter .svc-toolbox__item-submenu-button,
|
|
7488
7952
|
.svc-toolbox__panel--enter .svc-toolbox__item-title,
|
|
7489
|
-
.svc-toolbox__panel--enter .
|
|
7953
|
+
.svc-toolbox__panel--enter .svc-search__input,
|
|
7490
7954
|
.svc-toolbox__panel--leave .svc-toolbox__item-submenu-button,
|
|
7491
7955
|
.svc-toolbox__panel--leave .svc-toolbox__item-title,
|
|
7492
|
-
.svc-toolbox__panel--leave .
|
|
7956
|
+
.svc-toolbox__panel--leave .svc-search__input {
|
|
7493
7957
|
animation-duration: var(--fade-animation-duration);
|
|
7494
7958
|
animation-delay: var(--fade-animation-delay);
|
|
7495
7959
|
animation-direction: var(--animation-direction);
|
|
@@ -7862,6 +8326,13 @@ svc-toolbox {
|
|
|
7862
8326
|
.svd-grid-hide {
|
|
7863
8327
|
margin-inline-end: auto;
|
|
7864
8328
|
}
|
|
8329
|
+
.svd-grid-hide .sv-action-bar-item--icon {
|
|
8330
|
+
padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
8331
|
+
}
|
|
8332
|
+
.svd-grid-hide .sv-svg-icon {
|
|
8333
|
+
width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8334
|
+
height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8335
|
+
}
|
|
7865
8336
|
|
|
7866
8337
|
.svc-side-bar .svc-toolbox {
|
|
7867
8338
|
padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
@@ -7997,6 +8468,11 @@ svc-toolbox {
|
|
|
7997
8468
|
width: 100%;
|
|
7998
8469
|
}
|
|
7999
8470
|
|
|
8471
|
+
.svc-sidebar__header--tabbed,
|
|
8472
|
+
.svc-sidebar__header-container {
|
|
8473
|
+
min-height: calc(var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-toolbar-button-padding-top) + var(--ctr-menu-toolbar-button-padding-bottom) + var(--ctr-menu-toolbar-padding-vertical) + var(--ctr-menu-toolbar-padding-vertical));
|
|
8474
|
+
}
|
|
8475
|
+
|
|
8000
8476
|
.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {
|
|
8001
8477
|
padding: var(--ctr-property-grid-header-padding-top-with-subtitle, 6px) var(--ctr-property-grid-header-padding-right, 16px) var(--ctr-property-grid-header-padding-bottom-with-subtitle, 6px) var(--ctr-property-grid-header-padding-left, 16px);
|
|
8002
8478
|
}
|
|
@@ -8043,6 +8519,10 @@ svc-toolbox {
|
|
|
8043
8519
|
justify-content: center;
|
|
8044
8520
|
align-items: center;
|
|
8045
8521
|
}
|
|
8522
|
+
.svc-menu-action__icon .sv-svg-icon {
|
|
8523
|
+
width: var(--ctr-menu-toolbar-button-icon-width, 24px);
|
|
8524
|
+
height: var(--ctr-menu-toolbar-button-icon-height, 24px);
|
|
8525
|
+
}
|
|
8046
8526
|
.svc-menu-action__icon use {
|
|
8047
8527
|
fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
8048
8528
|
}
|
|
@@ -8143,8 +8623,14 @@ svc-toolbox {
|
|
|
8143
8623
|
fill: var(--ctr-actionbar-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
|
|
8144
8624
|
}
|
|
8145
8625
|
|
|
8626
|
+
.spg-action-button--icon {
|
|
8627
|
+
padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
8628
|
+
}
|
|
8629
|
+
|
|
8146
8630
|
.spg-action-button__icon {
|
|
8147
8631
|
display: block;
|
|
8632
|
+
width: var(--ctr-actionbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8633
|
+
height: var(--ctr-actionbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8148
8634
|
}
|
|
8149
8635
|
.spg-action-button__icon use {
|
|
8150
8636
|
fill: var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
@@ -8347,21 +8833,27 @@ button.spg-action-button--large {
|
|
|
8347
8833
|
font-style: normal;
|
|
8348
8834
|
font-weight: 400;
|
|
8349
8835
|
line-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));
|
|
8350
|
-
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
8836
|
+
padding: var(--ctr-error-message-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-error-message-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-error-message-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-error-message-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8351
8837
|
color: var(--ctr-error-message-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
8352
8838
|
background-color: var(--ctr-error-message-background-color, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
|
|
8353
|
-
border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
8839
|
+
border-radius: var(--ctr-error-message-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8354
8840
|
}
|
|
8355
8841
|
|
|
8356
8842
|
.spg-question__erbox > div,
|
|
8357
8843
|
.spg-question__erbox > svc-question-error > div,
|
|
8358
8844
|
sv-question-error > div {
|
|
8359
8845
|
display: flex;
|
|
8360
|
-
gap: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
8846
|
+
gap: var(--ctr-error-message-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
8361
8847
|
}
|
|
8362
8848
|
|
|
8849
|
+
.spg-question__erbox-icon {
|
|
8850
|
+
width: var(--ctr-error-message-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8851
|
+
height: var(--ctr-error-message-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8852
|
+
}
|
|
8363
8853
|
.spg-question__erbox-icon .sv-svg-icon {
|
|
8364
8854
|
vertical-align: top;
|
|
8855
|
+
width: var(--ctr-error-message-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8856
|
+
height: var(--ctr-error-message-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
8365
8857
|
}
|
|
8366
8858
|
.spg-question__erbox-icon use {
|
|
8367
8859
|
fill: var(--ctr-error-message-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
|
|
@@ -8380,6 +8872,37 @@ sv-question-error > div {
|
|
|
8380
8872
|
margin-top: 0;
|
|
8381
8873
|
}
|
|
8382
8874
|
|
|
8875
|
+
.spg-question--highlighted .spg-input,
|
|
8876
|
+
.spg-question--highlighted .spg-input-container,
|
|
8877
|
+
.spg-question--highlighted .spg-question--location--left,
|
|
8878
|
+
.spg-question--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
|
|
8879
|
+
box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
8880
|
+
}
|
|
8881
|
+
.spg-question--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,
|
|
8882
|
+
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content {
|
|
8883
|
+
outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
8884
|
+
outline-offset: -2px;
|
|
8885
|
+
border-radius: var(--ctr-data-table-corner-radius, 0px);
|
|
8886
|
+
}
|
|
8887
|
+
.spg-question--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,
|
|
8888
|
+
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {
|
|
8889
|
+
box-shadow: none;
|
|
8890
|
+
}
|
|
8891
|
+
.spg-question--highlighted .svc-action-button {
|
|
8892
|
+
background-color: var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
|
|
8893
|
+
}
|
|
8894
|
+
.spg-question--highlighted .sv-button-group {
|
|
8895
|
+
box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
8896
|
+
border-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
8897
|
+
}
|
|
8898
|
+
.spg-question--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {
|
|
8899
|
+
outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
8900
|
+
outline-offset: -2px;
|
|
8901
|
+
}
|
|
8902
|
+
.spg-question--highlighted .spg-button-group::after {
|
|
8903
|
+
box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
8904
|
+
}
|
|
8905
|
+
|
|
8383
8906
|
.spg-input {
|
|
8384
8907
|
--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
8385
8908
|
--ctr-default-line-height: calc(1.5 * var(--default-font-size));
|
|
@@ -8531,6 +9054,7 @@ input.spg-input:read-only::placeholder {
|
|
|
8531
9054
|
.spg-dropdown {
|
|
8532
9055
|
display: flex;
|
|
8533
9056
|
padding-right: calc(var(--ctr-editor-buttons-gap, 4px) + var(--ctr-editor-button-padding-right, 8px) + var(--ctr-editor-button-padding-left, 8px) + var(--ctr-editor-button-icon-width, 24px));
|
|
9057
|
+
min-height: calc(var(--ctr-editor-button-icon-height) + var(--ctr-editor-button-padding-top) + var(--ctr-editor-button-padding-bottom) + var(--ctr-editor-padding-top) + var(--ctr-editor-padding-bottom));
|
|
8534
9058
|
}
|
|
8535
9059
|
|
|
8536
9060
|
.spg-dropdown__value {
|
|
@@ -8541,6 +9065,8 @@ input.spg-input:read-only::placeholder {
|
|
|
8541
9065
|
font-style: normal;
|
|
8542
9066
|
font-weight: 400;
|
|
8543
9067
|
line-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));
|
|
9068
|
+
display: flex;
|
|
9069
|
+
align-items: center;
|
|
8544
9070
|
}
|
|
8545
9071
|
|
|
8546
9072
|
.spg-dropdown__filter-string-input {
|
|
@@ -9034,16 +9560,19 @@ input.spg-input:read-only::placeholder {
|
|
|
9034
9560
|
|
|
9035
9561
|
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_select-wrapper {
|
|
9036
9562
|
display: flex;
|
|
9563
|
+
align-items: center;
|
|
9037
9564
|
}
|
|
9038
9565
|
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
|
|
9039
9566
|
width: max-content;
|
|
9040
9567
|
padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
9568
|
+
min-height: auto;
|
|
9041
9569
|
}
|
|
9042
9570
|
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
|
|
9043
|
-
|
|
9044
|
-
|
|
9045
|
-
|
|
9046
|
-
|
|
9571
|
+
--tmp-dropdown-button-margin: calc(-1 * var(--ctr-data-table-cell-drop-down-arrow-width));
|
|
9572
|
+
width: var(--ctr-data-table-cell-drop-down-arrow-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9573
|
+
height: var(--ctr-data-table-cell-drop-down-arrow-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9574
|
+
margin-inline-start: var(--tmp-dropdown-button-margin, calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9575
|
+
padding: var(--ctr-data-table-cell-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--ctr-data-table-cell-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) 0;
|
|
9047
9576
|
}
|
|
9048
9577
|
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button:hover, .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button:focus {
|
|
9049
9578
|
background: transparent;
|
|
@@ -9395,138 +9924,57 @@ input.spg-input:read-only::placeholder {
|
|
|
9395
9924
|
background-color: transparent;
|
|
9396
9925
|
}
|
|
9397
9926
|
|
|
9398
|
-
.
|
|
9399
|
-
|
|
9400
|
-
|
|
9401
|
-
|
|
9402
|
-
|
|
9403
|
-
|
|
9404
|
-
|
|
9405
|
-
|
|
9406
|
-
|
|
9407
|
-
|
|
9408
|
-
|
|
9409
|
-
|
|
9410
|
-
|
|
9411
|
-
|
|
9412
|
-
|
|
9413
|
-
|
|
9414
|
-
|
|
9415
|
-
|
|
9416
|
-
|
|
9417
|
-
box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
9418
|
-
border-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
9419
|
-
}
|
|
9420
|
-
.spg-editor--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {
|
|
9421
|
-
outline: 2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
9422
|
-
outline-offset: -2px;
|
|
9423
|
-
}
|
|
9424
|
-
|
|
9425
|
-
.spg-search-editor_container {
|
|
9426
|
-
--sjs-general-forecolor: rgba(0, 0, 0, 0.91);
|
|
9427
|
-
--sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);
|
|
9927
|
+
.svc-creator {
|
|
9928
|
+
--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);
|
|
9929
|
+
--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);
|
|
9930
|
+
--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);
|
|
9931
|
+
--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);
|
|
9932
|
+
--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);
|
|
9933
|
+
--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);
|
|
9934
|
+
--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);
|
|
9935
|
+
--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);
|
|
9936
|
+
--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);
|
|
9937
|
+
--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);
|
|
9938
|
+
--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);
|
|
9939
|
+
--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);
|
|
9940
|
+
--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);
|
|
9941
|
+
--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);
|
|
9942
|
+
--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);
|
|
9943
|
+
--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);
|
|
9944
|
+
--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);
|
|
9945
|
+
--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8);
|
|
9428
9946
|
}
|
|
9429
9947
|
|
|
9430
|
-
.
|
|
9948
|
+
.svc-side-bar .svc-search {
|
|
9431
9949
|
border-bottom: 1px solid var(--ctr-property-grid-search-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
|
|
9432
9950
|
background: var(--ctr-property-grid-search-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
9433
|
-
display: flex;
|
|
9434
|
-
align-items: center;
|
|
9435
9951
|
gap: var(--ctr-property-grid-search-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
9436
9952
|
padding: var(--ctr-property-grid-search-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9437
9953
|
}
|
|
9438
|
-
|
|
9439
|
-
.spg-search-editor_input {
|
|
9440
|
-
overflow: hidden;
|
|
9441
|
-
white-space: nowrap;
|
|
9442
|
-
text-overflow: ellipsis;
|
|
9443
|
-
--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
9444
|
-
--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
|
|
9445
|
-
--ctr-small-bold-line-height: var(--small-bold-font-size);
|
|
9446
|
-
font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
|
|
9447
|
-
font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
|
|
9448
|
-
font-style: normal;
|
|
9449
|
-
font-weight: 400;
|
|
9450
|
-
line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
|
|
9451
|
-
font-weight: 600;
|
|
9954
|
+
.svc-side-bar .svc-search__input {
|
|
9452
9955
|
color: var(--ctr-property-grid-search-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
|
|
9453
|
-
border: none;
|
|
9454
|
-
-webkit-appearance: none;
|
|
9455
|
-
-moz-appearance: none;
|
|
9456
|
-
appearance: none;
|
|
9457
|
-
display: block;
|
|
9458
|
-
background: transparent;
|
|
9459
|
-
box-sizing: border-box;
|
|
9460
|
-
width: 100%;
|
|
9461
|
-
outline: none;
|
|
9462
|
-
padding: 0;
|
|
9463
9956
|
}
|
|
9464
|
-
|
|
9465
|
-
.svc-creator--mobile .spg-search-editor_input {
|
|
9466
|
-
font-size: max(16px, var(--ctr-font-small-size, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))));
|
|
9467
|
-
}
|
|
9468
|
-
|
|
9469
|
-
.spg-search-editor_input::placeholder {
|
|
9957
|
+
.svc-side-bar .svc-search__input::placeholder {
|
|
9470
9958
|
color: var(--ctr-property-grid-search-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
9471
9959
|
}
|
|
9472
|
-
|
|
9473
|
-
.spg-search-editor_toolbar {
|
|
9474
|
-
display: flex;
|
|
9475
|
-
gap: var(--ctr-search-toolbar-gap, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9476
|
-
justify-content: flex-end;
|
|
9477
|
-
align-items: center;
|
|
9478
|
-
flex-shrink: 0;
|
|
9479
|
-
}
|
|
9480
|
-
|
|
9481
|
-
.spg-search-editor_toolbar .sv-action-bar {
|
|
9482
|
-
gap: var(--ctr-search-toolbar-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9483
|
-
margin: 0;
|
|
9484
|
-
flex-shrink: 0;
|
|
9485
|
-
}
|
|
9486
|
-
|
|
9487
|
-
.spg-search-editor_toolbar .sv-action--hidden {
|
|
9488
|
-
display: none;
|
|
9489
|
-
}
|
|
9490
|
-
|
|
9491
|
-
.spg-search-editor_toolbar .spg-search-editor_bar-item {
|
|
9492
|
-
height: min-content;
|
|
9493
|
-
margin: 0;
|
|
9494
|
-
border-radius: var(--ctr-search-button-corner-radius);
|
|
9495
|
-
padding: var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9496
|
-
}
|
|
9497
|
-
|
|
9498
|
-
.spg-search-editor_bar-item:not(.sv-action-bar-item--pressed):hover:enabled, .spg-search-editor_bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
|
|
9960
|
+
.svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):hover:enabled, .svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
|
|
9499
9961
|
background-color: var(--ctr-property-grid-search-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
|
|
9500
9962
|
}
|
|
9501
|
-
|
|
9502
|
-
.spg-search-editor_toolbar .sv-action-bar-item__icon use {
|
|
9963
|
+
.svc-side-bar .svc-search__toolbar .sv-action-bar-item__icon use {
|
|
9503
9964
|
fill: var(--ctr-property-grid-search-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
9504
9965
|
}
|
|
9505
|
-
|
|
9506
|
-
.spg-search-editor_toolbar-counter {
|
|
9507
|
-
--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
9508
|
-
--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
|
|
9509
|
-
--ctr-small-bold-line-height: var(--small-bold-font-size);
|
|
9510
|
-
font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
|
|
9511
|
-
font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
|
|
9512
|
-
font-style: normal;
|
|
9513
|
-
font-weight: 400;
|
|
9514
|
-
line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
|
|
9515
|
-
font-weight: 600;
|
|
9966
|
+
.svc-side-bar .svc-search__toolbar-counter {
|
|
9516
9967
|
color: var(--ctr-property-grid-search-count-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
9517
|
-
display: flex;
|
|
9518
|
-
flex-shrink: 0;
|
|
9519
9968
|
}
|
|
9520
|
-
|
|
9521
|
-
.spg-search-editor_search-icon {
|
|
9969
|
+
.svc-side-bar .svc-search__search-icon {
|
|
9522
9970
|
width: var(--ctr-property-grid-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9523
9971
|
height: var(--ctr-property-grid-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9524
9972
|
}
|
|
9525
|
-
.
|
|
9973
|
+
.svc-side-bar .svc-search__search-icon .sv-svg-icon {
|
|
9526
9974
|
width: var(--ctr-property-grid-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9527
9975
|
height: var(--ctr-property-grid-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9528
9976
|
}
|
|
9529
|
-
.
|
|
9977
|
+
.svc-side-bar .svc-search__search-icon .sv-svg-icon use {
|
|
9530
9978
|
fill: var(--ctr-property-grid-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
9531
9979
|
}
|
|
9532
9980
|
|
|
@@ -9573,6 +10021,7 @@ input.spg-input:read-only::placeholder {
|
|
|
9573
10021
|
align-self: stretch;
|
|
9574
10022
|
flex-basis: 0;
|
|
9575
10023
|
flex-grow: 1;
|
|
10024
|
+
width: 0;
|
|
9576
10025
|
border-radius: var(--ctr-button-group-item-corner-radius, 0px);
|
|
9577
10026
|
box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
|
|
9578
10027
|
background-color: var(--ctr-button-group-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
|
|
@@ -9606,8 +10055,21 @@ input.spg-input:read-only::placeholder {
|
|
|
9606
10055
|
.spg-button-group__item--selected .spg-button-group__item-icon use {
|
|
9607
10056
|
fill: var(--ctr-button-group-item-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
|
|
9608
10057
|
}
|
|
9609
|
-
|
|
9610
|
-
|
|
10058
|
+
|
|
10059
|
+
.spg-button-group__item-decorator {
|
|
10060
|
+
max-width: 100%;
|
|
10061
|
+
}
|
|
10062
|
+
|
|
10063
|
+
.spg-button-group__item-caption {
|
|
10064
|
+
display: block;
|
|
10065
|
+
max-width: 100%;
|
|
10066
|
+
white-space: nowrap;
|
|
10067
|
+
overflow: hidden;
|
|
10068
|
+
text-overflow: ellipsis;
|
|
10069
|
+
}
|
|
10070
|
+
|
|
10071
|
+
.spg-question--disabled .spg-button-group {
|
|
10072
|
+
background: var(--ctr-button-group-background-color-disabled);
|
|
9611
10073
|
}
|
|
9612
10074
|
|
|
9613
10075
|
.spg-button-group__item--disabled {
|
|
@@ -9712,6 +10174,7 @@ input.spg-input:read-only::placeholder {
|
|
|
9712
10174
|
.sv-popup--modal .sd-body,
|
|
9713
10175
|
.sv-popup--modal .sl-body {
|
|
9714
10176
|
min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
10177
|
+
padding: 0;
|
|
9715
10178
|
}
|
|
9716
10179
|
|
|
9717
10180
|
.sv-popup.svc-property-editor .sd-root-modern {
|
|
@@ -9752,8 +10215,8 @@ input.spg-input:read-only::placeholder {
|
|
|
9752
10215
|
flex-grow: 1;
|
|
9753
10216
|
}
|
|
9754
10217
|
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon {
|
|
9755
|
-
|
|
9756
|
-
|
|
10218
|
+
padding: var(--ctr-actionbar-button-padding-top-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-right-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-bottom-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-left-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
10219
|
+
opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);
|
|
9757
10220
|
}
|
|
9758
10221
|
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon:focus,
|
|
9759
10222
|
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon:hover {
|
|
@@ -9762,6 +10225,10 @@ input.spg-input:read-only::placeholder {
|
|
|
9762
10225
|
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button:active {
|
|
9763
10226
|
opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);
|
|
9764
10227
|
}
|
|
10228
|
+
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button__icon {
|
|
10229
|
+
width: var(--ctr-actionbar-button-icon-width-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
10230
|
+
height: var(--ctr-actionbar-button-icon-height-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
10231
|
+
}
|
|
9765
10232
|
.spg-title-toolbar--single-help-action .spg-help-action svg {
|
|
9766
10233
|
fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
|
|
9767
10234
|
}
|
|
@@ -9859,10 +10326,20 @@ input.spg-input:read-only::placeholder {
|
|
|
9859
10326
|
height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
9860
10327
|
}
|
|
9861
10328
|
|
|
10329
|
+
.sv-action-bar--default-size-mode .sv-action-bar-item {
|
|
10330
|
+
height: auto;
|
|
10331
|
+
width: auto;
|
|
10332
|
+
}
|
|
10333
|
+
|
|
9862
10334
|
.sv-action-bar--small-size-mode .sv-action-bar-separator {
|
|
9863
10335
|
height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
9864
10336
|
}
|
|
9865
10337
|
|
|
10338
|
+
.sv-action-bar--small-size-mode .sv-action-bar-item {
|
|
10339
|
+
height: auto;
|
|
10340
|
+
width: auto;
|
|
10341
|
+
}
|
|
10342
|
+
|
|
9866
10343
|
.svc-creator--mobile .sv-action-bar-separator {
|
|
9867
10344
|
height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
9868
10345
|
}
|
|
@@ -9930,6 +10407,10 @@ input.spg-input:read-only::placeholder {
|
|
|
9930
10407
|
transition: background-color var(--sjs-creator-transition-duration, 150ms);
|
|
9931
10408
|
height: auto;
|
|
9932
10409
|
}
|
|
10410
|
+
.svc-top-bar .sv-action-bar-item--icon {
|
|
10411
|
+
padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
10412
|
+
border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);
|
|
10413
|
+
}
|
|
9933
10414
|
.svc-top-bar .sv-action-bar-item__icon {
|
|
9934
10415
|
width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
9935
10416
|
height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
@@ -9947,9 +10428,6 @@ input.spg-input:read-only::placeholder {
|
|
|
9947
10428
|
.svc-top-bar .sv-action-bar-item:disabled {
|
|
9948
10429
|
opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);
|
|
9949
10430
|
}
|
|
9950
|
-
.svc-top-bar .sv-action-bar-item--secondary .sv-action-bar-item__icon use {
|
|
9951
|
-
fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
|
|
9952
|
-
}
|
|
9953
10431
|
.svc-top-bar .sv-action-bar-item--active .sv-action-bar-item__icon use {
|
|
9954
10432
|
fill: var(--ctr-menu-toolbar-button-text-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
|
|
9955
10433
|
}
|
|
@@ -9974,6 +10452,10 @@ input.spg-input:read-only::placeholder {
|
|
|
9974
10452
|
border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
|
|
9975
10453
|
box-sizing: border-box;
|
|
9976
10454
|
}
|
|
10455
|
+
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item__icon {
|
|
10456
|
+
width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
10457
|
+
height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
|
|
10458
|
+
}
|
|
9977
10459
|
/*!*******************************************************************************************************************************************************************************************!*\
|
|
9978
10460
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/custom-questions/boolean-switch.scss ***!
|
|
9979
10461
|
\*******************************************************************************************************************************************************************************************/
|
|
@@ -10036,6 +10518,7 @@ input.spg-input:read-only::placeholder {
|
|
|
10036
10518
|
|
|
10037
10519
|
.spg-boolean-switch__button--checked {
|
|
10038
10520
|
background: var(--ctr-toggle-button-background-color-checked, #19b394);
|
|
10521
|
+
box-shadow: none;
|
|
10039
10522
|
}
|
|
10040
10523
|
.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--left {
|
|
10041
10524
|
background: none;
|