diff --git a/packages/survey-creator-core/src/components/creator.scss b/packages/survey-creator-core/src/components/creator.scss index 1b491be965..0af537815e 100644 --- a/packages/survey-creator-core/src/components/creator.scss +++ b/packages/survey-creator-core/src/components/creator.scss @@ -46,12 +46,22 @@ survey-creator, } } -survey-creator { +survey-creator, +.svc-creator { .sv-drag-drop-choices-shortcut { .sv-drag-drop-choices-shortcut__content { background: var(--ctr-survey-radio-button-group-item-background-color-floating, $background); .sd-item__decorator {} + + .svc-item-value__item { + overflow: hidden; + + .sv-string-viewer, + .sv-string-editor { + white-space: nowrap; + } + } } } } diff --git a/packages/survey-creator-core/src/components/item-value.scss b/packages/survey-creator-core/src/components/item-value.scss index 9e549dd735..f674d6c405 100644 --- a/packages/survey-creator-core/src/components/item-value.scss +++ b/packages/survey-creator-core/src/components/item-value.scss @@ -53,6 +53,7 @@ flex-shrink: 0; min-width: 72px; justify-content: flex-end; + align-self: flex-start; } .svc-item-value-controls__button { @@ -198,6 +199,12 @@ } } +.sv-drag-drop-choices-shortcut { + .sv-ranking-item__text { + overflow: hidden; + } +} + .svc-item-value--ghost { .svc-item-value__ghost { display: block; @@ -206,6 +213,17 @@ .svc-item-value-controls { visibility: hidden; } + + .svc-item-value__item { + display: none; + } + + height: calcSize(6); + + .sv-string-viewer, + .sv-string-editor { + white-space: unset; + } } .svc-item-value--movedown { diff --git a/visualRegressionTests/tests/designer/etalons/ranking-long-item-text.png b/visualRegressionTests/tests/designer/etalons/ranking-long-item-text.png index 11cf122b39..653f15d75f 100644 Binary files a/visualRegressionTests/tests/designer/etalons/ranking-long-item-text.png and b/visualRegressionTests/tests/designer/etalons/ranking-long-item-text.png differ diff --git a/visualRegressionTests/tests/designer/etalons/small-rating-not-selected.png b/visualRegressionTests/tests/designer/etalons/small-rating-not-selected.png index 0f7d269566..3f801ee1b2 100644 Binary files a/visualRegressionTests/tests/designer/etalons/small-rating-not-selected.png and b/visualRegressionTests/tests/designer/etalons/small-rating-not-selected.png differ diff --git a/visualRegressionTests/tests/designer/etalons/small-rating-selected.png b/visualRegressionTests/tests/designer/etalons/small-rating-selected.png index 7e396e237d..d1d40e5fbe 100644 Binary files a/visualRegressionTests/tests/designer/etalons/small-rating-selected.png and b/visualRegressionTests/tests/designer/etalons/small-rating-selected.png differ