Merge pull request #165 from rohra-anisha/num_que

Fix issue #160 [C4GT Community]: Reduce text area and increase numerical answer fontsize
avantifellows · Sep 11, 2024 · 8ae4c9f · 8ae4c9f
2 parents 9aa7314 + 4dd103e
commit 8ae4c9f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/Omr/OmrItem.vue b/src/components/Omr/OmrItem.vue
@@ -105,12 +105,12 @@
           <!-- input area for the answer -->
           <Textarea
             v-model:value="numericalAnswer"
-            class="px-1 w-full"
+            class="px-1 w-full text-lg"
             :boxStyling="numericalAnswerBoxStyling"
-            placeholder="Only numbers are allowed"
+            placeholder="Numbers only."
             :inputMode="getInputMode"
             :isDisabled="isAnswerDisabled"
-            :maxHeightLimit="250"
+            :maxHeightLimit="50"
             @beforeinput="preventKeypressIfApplicable"
             data-test="numericalAnswer"
           ></Textarea>
@@ -749,7 +749,7 @@ export default defineComponent({
           (isAnswerSubmitted.value && !props.isGradedQuestion) ||
           (isQuizAssessment.value && !props.hasQuizEnded),
       },
-      "bp-420:h-12 sm:h-12 md:h-12 px-4 placeholder-gray-400 focus:border-gray-200 focus:ring-primary disabled:cursor-not-allowed",
+      "h-12 px-4 placeholder-gray-400 focus:border-gray-200 focus:ring-primary disabled:cursor-not-allowed",
     ]);
 
     state.subjectiveAnswer = defaultSubjectiveAnswer.value;

diff --git a/src/components/Questions/Body.vue b/src/components/Questions/Body.vue
@@ -154,12 +154,12 @@
           <!-- input area for the answer -->
           <Textarea
             v-model:value="numericalAnswer"
-            class="px-2 w-full"
+            class="px-2 w-full text-base"
             :boxStyling="numericalAnswerBoxStyling"
-            placeholder="Enter your answer here. Only numbers are allowed"
+            placeholder="Enter your answer here. Numbers only."
             :inputMode="getInputMode"
             :isDisabled="isAnswerDisabled"
-            :maxHeightLimit="250"
+            :maxHeightLimit="50"
             @beforeinput="preventKeypressIfApplicable"
             data-test="numericalAnswer"
           ></Textarea>
@@ -901,7 +901,7 @@ export default defineComponent({
           (props.isAnswerSubmitted && !props.isGradedQuestion) ||
           (isQuizAssessment.value && !props.hasQuizEnded),
       },
-      "bp-420:h-20 sm:h-28 md:h-36 px-4 placeholder-gray-400 focus:border-gray-200 focus:ring-primary disabled:cursor-not-allowed",
+      "h-12 px-4 placeholder-gray-400 focus:border-gray-200 focus:ring-primary disabled:cursor-not-allowed",
     ]);
 
     state.subjectiveAnswer = defaultSubjectiveAnswer.value;