PR: Ranking long item text (#7107)

* work for the surveyjs/service#1486 * work for the surveyjs/service#1486 (updated screen)
surveyjs · Oct 10, 2023 · 49dc3e1 · 49dc3e1
1 parent 160ed62
commit 49dc3e1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/src/common-styles/sv-ranking.scss b/src/common-styles/sv-ranking.scss
@@ -244,6 +244,10 @@
 }
 
 .sv-ranking--select-to-rank-horizontal {
+  .sv-ranking__container {
+    max-width: calc(50% - 1px);
+  }
+
   .sv-ranking__containers-divider {
     width: 1px;
   }

diff --git a/src/dragdrop/ranking-choices.ts b/src/dragdrop/ranking-choices.ts
@@ -20,6 +20,7 @@ export class DragDropRankingChoices extends DragDropChoices {
           z-index: 10000;
           border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
           min-width: 100px;
+          max-width: 400px;
           box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
           background-color: var(--sjs-general-backcolor, var(--background, #fff));
           font-family: var(--font-family, 'Open Sans');

diff --git a/visualRegressionTests/tests/defaultV2/etalons/question-ranking-select-to-rank.png b/visualRegressionTests/tests/defaultV2/etalons/question-ranking-select-to-rank.png