3rd iteration (#6324)

* work for #6314 fix button opacity * work for #6314 fix remarks * work for #6314: update etalons V2 * work for #6314: update etalons V1 --------- Co-authored-by: OlgaLarina <[email protected]>
surveyjs · Dec 24, 2024 · 43e14a9 · 43e14a9
1 parent 99f713c
commit 43e14a9
Show file tree

Hide file tree

Showing 43 changed files with 12 additions and 6 deletions.
diff --git a/packages/survey-creator-core/src/components/list.scss b/packages/survey-creator-core/src/components/list.scss
@@ -210,6 +210,7 @@
 
 .svc-list__input {
   @include ctrDefaultFont;
+  background-color: transparent;
   color: var(--ctr-list-search-text-color, $foreground-dim);
   -webkit-appearance: none;
   -moz-appearance: none;

diff --git a/packages/survey-creator-core/src/components/property-panel/property-panel.scss b/packages/survey-creator-core/src/components/property-panel/property-panel.scss
@@ -14,7 +14,6 @@
 }
 .svc-property-grid-placeholder__header {
   display: flex;
-  width: var(--ctr-property-grid-placeholder-text-max-width, 256px);
   max-width: var(--ctr-property-grid-placeholder-text-max-width, 256px);
   flex-direction: column;
   justify-content: center;

diff --git a/packages/survey-creator-core/src/components/side-bar/side-bar.scss b/packages/survey-creator-core/src/components/side-bar/side-bar.scss
@@ -133,8 +133,7 @@ $tabs-width: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-m
 
 .svc-side-bar--flyout {
   .svc-side-bar__shadow {
-    background-color: $foreground-light;
-    opacity: 0.75;
+    background-color: var(--ctr-popup-haze-background-color, $background-semitransparent);
     position: absolute;
     top: 0;
     bottom: 0;

diff --git a/packages/survey-creator-core/src/components/tabs/logic-ui.scss b/packages/survey-creator-core/src/components/tabs/logic-ui.scss
@@ -351,3 +351,9 @@
 .svc-logic-tab__leave-apply-button {
   background-color: var(--ctr-button-background-color-danger, $red);
 }
+
+.svc-logic-question-value.sd-element--with-frame {
+  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px)
+    var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px)
+    var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));
+}
diff --git a/packages/survey-creator-core/src/property-grid-theme/blocks/spg-action-bar.scss b/packages/survey-creator-core/src/property-grid-theme/blocks/spg-action-bar.scss
@@ -74,17 +74,17 @@ button.spg-action-button--large {
 }
 
 .spg-action-button:disabled {
-  opacity: var(--ctr-library-action-button-opacity-disabled, 0.25);
+  opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);
   pointer-events: none;
   cursor: default;
 }
 
 .spg-action-button--muted {
-  opacity: 0.5;
+  opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);
 }
 
 .spg-action-button:active {
-  opacity: 0.5;
+  opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);
 }
 
 .spg-action-button--text {

diff --git a/packages/survey-creator-core/src/property-grid-theme/blocks/spg-checkbox.scss b/packages/survey-creator-core/src/property-grid-theme/blocks/spg-checkbox.scss
@@ -115,6 +115,7 @@
 .spg-checkbox {
   .spg-question__description {
     padding: 0;
+    padding-top: var(--ctr-checkbox-description-text-margin-top, calcSize(0.75));
     padding-inline-start: var(--ctr-checkbox-description-text-margin-left, calcSize(4));
     color: var(--ctr-checkbox-description-text-color, $foreground-dim-light);
   }

diff --git a/visualRegressionTests-V2/tests/designer/etalons/choices-clear-button-hovered.png b/visualRegressionTests-V2/tests/designer/etalons/choices-clear-button-hovered.png
diff --git a/...lRegressionTests-V2/tests/designer/etalons/choices-edit-item-button-hovered.png b/...lRegressionTests-V2/tests/designer/etalons/choices-edit-item-button-hovered.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/choices-edit-item-content.png b/visualRegressionTests-V2/tests/designer/etalons/choices-edit-item-content.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/choices-editor-narrow-pg.png b/visualRegressionTests-V2/tests/designer/etalons/choices-editor-narrow-pg.png
diff --git a/...alRegressionTests-V2/tests/designer/etalons/choices-section-default-focused.png b/...alRegressionTests-V2/tests/designer/etalons/choices-section-default-focused.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/choices-section-default.png b/visualRegressionTests-V2/tests/designer/etalons/choices-section-default.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/collection-editor-header.png b/visualRegressionTests-V2/tests/designer/etalons/collection-editor-header.png
diff --git a/...egressionTests-V2/tests/designer/etalons/drag-drop-matrix-pg-choices-scroll.png b/...egressionTests-V2/tests/designer/etalons/drag-drop-matrix-pg-choices-scroll.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/drag-drop-matrix-pg-choices.png b/visualRegressionTests-V2/tests/designer/etalons/drag-drop-matrix-pg-choices.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/logic-condition-overflow-text.png b/visualRegressionTests-V2/tests/designer/etalons/logic-condition-overflow-text.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/logic-dropdown-full.png b/visualRegressionTests-V2/tests/designer/etalons/logic-dropdown-full.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/logic-error-action-empty.png b/visualRegressionTests-V2/tests/designer/etalons/logic-error-action-empty.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/logic-error-action-questions.png b/visualRegressionTests-V2/tests/designer/etalons/logic-error-action-questions.png
diff --git a/...ressionTests-V2/tests/designer/etalons/logic-error-condition-question-value.png b/...ressionTests-V2/tests/designer/etalons/logic-error-condition-question-value.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/logic-question-actions.png b/visualRegressionTests-V2/tests/designer/etalons/logic-question-actions.png
diff --git a/...ressionTests-V2/tests/designer/etalons/logic-tab-long-question-name-content.png b/...ressionTests-V2/tests/designer/etalons/logic-tab-long-question-name-content.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/logic-tab-one-rule-content.png b/visualRegressionTests-V2/tests/designer/etalons/logic-tab-one-rule-content.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/logic-tab-rule-content.png b/visualRegressionTests-V2/tests/designer/etalons/logic-tab-rule-content.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/multiple-text-items.png b/visualRegressionTests-V2/tests/designer/etalons/multiple-text-items.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/pg-checkbox-hint-opened.png b/visualRegressionTests-V2/tests/designer/etalons/pg-checkbox-hint-opened.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-boolean.png b/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-boolean.png
diff --git a/...nTests-V2/tests/designer/etalons/pg-logic-popup-dropdown-list-item--focused.png b/...nTests-V2/tests/designer/etalons/pg-logic-popup-dropdown-list-item--focused.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-rating.png b/visualRegressionTests-V2/tests/designer/etalons/pg-logic-popup-rating.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/pg-overlay-popup.png b/visualRegressionTests-V2/tests/designer/etalons/pg-overlay-popup.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/pg-pages-with-reset.png b/visualRegressionTests-V2/tests/designer/etalons/pg-pages-with-reset.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/pg-rate-values.png b/visualRegressionTests-V2/tests/designer/etalons/pg-rate-values.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/propery-grid-flyout.png b/visualRegressionTests-V2/tests/designer/etalons/propery-grid-flyout.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/side-bar-search-matrix.png b/visualRegressionTests-V2/tests/designer/etalons/side-bar-search-matrix.png
diff --git a/...V2/tests/designer/etalons/translation-auto-translate-popup-enabled-dropdown.png b/...V2/tests/designer/etalons/translation-auto-translate-popup-enabled-dropdown.png
diff --git a/...lRegressionTests-V2/tests/designer/etalons/translation-auto-translate-popup.png b/...lRegressionTests-V2/tests/designer/etalons/translation-auto-translate-popup.png
diff --git a/...essionTests-V2/tests/designer/etalons/translation-auto-translate-popup_mask.png b/...essionTests-V2/tests/designer/etalons/translation-auto-translate-popup_mask.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/translation-property-grid.png b/visualRegressionTests-V2/tests/designer/etalons/translation-property-grid.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/triggers-editor-focused.png b/visualRegressionTests-V2/tests/designer/etalons/triggers-editor-focused.png
diff --git a/visualRegressionTests-V2/tests/designer/etalons/triggers-editor.png b/visualRegressionTests-V2/tests/designer/etalons/triggers-editor.png
diff --git a/visualRegressionTests/tests/designer/etalons/pg-checkbox-hint-opened.png b/visualRegressionTests/tests/designer/etalons/pg-checkbox-hint-opened.png
diff --git a/visualRegressionTests/tests/designer/etalons/pg-overlay-popup.png b/visualRegressionTests/tests/designer/etalons/pg-overlay-popup.png
diff --git a/visualRegressionTests/tests/designer/etalons/propery-grid-flyout.png b/visualRegressionTests/tests/designer/etalons/propery-grid-flyout.png