Ranking question: restrict the width of text not to go over the dragg…

…ing icon
LimeSurvey · May 8, 2023 · 219b3c8 · 219b3c8
1 parent 7c60a0a
commit 219b3c8
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/assets/survey_themes/ls6_surveytheme/questiontypes/ranking/ranking.scss b/assets/survey_themes/ls6_surveytheme/questiontypes/ranking/ranking.scss
@@ -1,18 +1,24 @@
 .select-sortable-lists:not(.ranking-advanced-style) {
     .list-group-item {
-        border-radius: 2px;
-        margin-bottom: 10px;
-        padding: 6px 6px 6px 20px;
+        border-radius : 2px;
+        margin-bottom : 10px;
+        padding       : 6px 20px 6px 20px;
         @include h2
     }
+
     .selector__dragHandle.d-none {
         display     : inline-block !important;
         margin-left : 8px;
+        position    : absolute;
+        top         : 50%;
+        transform   : translateY(-50%);
+        right       : 6px;
         svg {
-            vertical-align: baseline;
+            vertical-align : baseline;
         }
     }
+
     .sortable-rank-subtitle {
-        display:none;
+        display : none;
     }
 }
diff --git a/themes/survey/ls6_surveytheme/css/variations/theme_green.css b/themes/survey/ls6_surveytheme/css/variations/theme_green.css
@@ -13966,14 +13966,18 @@ input.imageselect-checkbox:checked ~ .imageselect-select::after {
 .select-sortable-lists:not(.ranking-advanced-style) .list-group-item {
   border-radius: 2px;
   margin-bottom: 10px;
-  padding: 6px 6px 6px 20px;
+  padding: 6px 20px 6px 20px;
   font-weight: 600;
   font-size: 1.14rem;
   line-height: 20px;
 }
 .select-sortable-lists:not(.ranking-advanced-style) .selector__dragHandle.d-none {
   display: inline-block !important;
   margin-left: 8px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 6px;
 }
 .select-sortable-lists:not(.ranking-advanced-style) .selector__dragHandle.d-none svg {
   vertical-align: baseline;

diff --git a/themes/survey/ls6_surveytheme/css/variations/theme_red.css b/themes/survey/ls6_surveytheme/css/variations/theme_red.css
@@ -13966,14 +13966,18 @@ input.imageselect-checkbox:checked ~ .imageselect-select::after {
 .select-sortable-lists:not(.ranking-advanced-style) .list-group-item {
   border-radius: 2px;
   margin-bottom: 10px;
-  padding: 6px 6px 6px 20px;
+  padding: 6px 20px 6px 20px;
   font-weight: 600;
   font-size: 1.14rem;
   line-height: 20px;
 }
 .select-sortable-lists:not(.ranking-advanced-style) .selector__dragHandle.d-none {
   display: inline-block !important;
   margin-left: 8px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 6px;
 }
 .select-sortable-lists:not(.ranking-advanced-style) .selector__dragHandle.d-none svg {
   vertical-align: baseline;