🐞 rigid lists checkbox at the wrong place (#476)

Parent issue: sequentech/meta#509 --------- Co-authored-by: Eduardo Robles Elvira <[email protected]>
sequentech · Jan 28, 2025 · 8bc86a4 · 8bc86a4
1 parent a244e36
commit 8bc86a4
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 33 deletions.
diff --git a/...taneous-questions-category-v2-directive/simultaneous-questions-category-v2-directive.html b/...taneous-questions-category-v2-directive/simultaneous-questions-category-v2-directive.html
@@ -1,23 +1,24 @@
 <div class="category-heading-container">
     <h3 class="category-heading" id="question_{{question.index}}_answer_{{category.categoryAnswer.id}}">
-        {{ category | customI18n : 'title' }}
-    </h3>
-    <div
-        class="vertilize-col answer-glyphicon"    
-        ng-if="question.are_lists_checkable && category.categoryAnswer && question.extra_options.answer_group_columns_size < 12"
-    >
-        <span
-            class="check-title"
-            tabindex="0"
-            role="checkbox"
-            aria-checked="{{ category.categoryAnswer.selected > -1 }}"
-            aria-labelledby="question_{{question.index}}_answer_{{category.categoryAnswer.id}}"
-            ng-click="!isReview && toggleSelectItem(question, category.categoryAnswer)"
-        >
-            <i class="fa fa-lg fa-check" ng-if="category.categoryAnswer.selected > -1"></i>
-            <div class="unchecked" ng-if="category.categoryAnswer.selected === -1"></div>
+        <span class="category-title-span">
+            {{ category | customI18n : 'title' }}
         </span>
-    </div>
+        <div
+            class="vertilize-col answer-glyphicon"
+            ng-if="question.are_lists_checkable && category.categoryAnswer"
+        >
+            <span
+                tabindex="0"
+                role="checkbox"
+                aria-checked="{{ category.categoryAnswer.selected > -1 }}"
+                aria-labelledby="question_{{question.index}}_answer_{{category.categoryAnswer.id}}"
+                ng-click="!isReview && toggleSelectItem(question, category.categoryAnswer)"
+            >
+                <i class="fa fa-lg fa-check" ng-if="category.categoryAnswer.selected > -1"></i>
+                <div class="unchecked" ng-if="category.categoryAnswer.selected === -1"></div>
+            </span>
+        </div>
+    </h3>
 </div>
 <div class="category-body" ng-class="{'empty-category': isEmptyCategory}">
     <div 
@@ -69,20 +70,4 @@ <h3 class="category-heading" id="question_{{question.index}}_answer_{{category.c
             ></div>
         </div>
     </div>
-
-    <div
-        class="vertilize-col answer-glyphicon"
-        ng-if="question.are_lists_checkable && category.categoryAnswer && question.extra_options.answer_group_columns_size === 12"
-    >
-        <span
-            tabindex="0"
-            role="checkbox"
-            aria-checked="{{ category.categoryAnswer.selected > -1 }}"
-            aria-labelledby="question_{{question.index}}_answer_{{category.categoryAnswer.id}}"
-            ng-click="!isReview && toggleSelectItem(question, category.categoryAnswer)"
-        >
-            <i class="fa fa-lg fa-check" ng-if="category.categoryAnswer.selected > -1"></i>
-            <div class="unchecked" ng-if="category.categoryAnswer.selected === -1"></div>
-        </span>
-    </div>
 </div>
diff --git a/...taneous-questions-category-v2-directive/simultaneous-questions-category-v2-directive.less b/...taneous-questions-category-v2-directive/simultaneous-questions-category-v2-directive.less
@@ -57,6 +57,14 @@
         flex-shrink: 1;
         flex-grow: 2;
         text-align: center;
+        display: flex;
+    }
+
+    .category-title-span {
+        flex-grow: 2;
+        align-items: center;
+        display: flex;
+        justify-content: center;
     }
 
     .category-heading-container {