Merge pull request #1851 from RADAR-base/fix/minor-ui-fixes

Fix date time picker ui issues
RADAR-base · Jan 15, 2025 · 81cf890 · 81cf890
2 parents a8a07f8 + 2ba3b76
commit 81cf890
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 12 deletions.
diff --git a/src/app/pages/questions/components/question/text-input/text-input.component.ts b/src/app/pages/questions/components/question/text-input/text-input.component.ts
@@ -105,6 +105,7 @@ export class TextInputComponent implements OnInit {
       month: moment.format('MMM'),
       year: moment.format('YYYY')
     }
+    this.emitAnswer(this.defaultDatePickerValue)
   }
 
   initTime() {

diff --git a/src/app/pages/questions/components/wheel-selector/wheel-selector.component.html b/src/app/pages/questions/components/wheel-selector/wheel-selector.component.html
@@ -1,6 +1,5 @@
-<ion-grid *ngIf="valuesWithNulls" class="grid">
-  <ion-row>
-    <ion-col *ngFor="let col of keys(valuesWithNulls)">
+<div class="grid">
+  <div class="col" *ngFor="let col of keys(valuesWithNulls)">
       <div class="label">
         <ion-note>{{ labels[col] }}</ion-note>
       </div>
@@ -15,6 +14,5 @@
           </p>
         </div>
       </div>
-    </ion-col>
-  </ion-row>
-</ion-grid>
+  </div>
+</div>
diff --git a/src/app/pages/questions/components/wheel-selector/wheel-selector.component.scss b/src/app/pages/questions/components/wheel-selector/wheel-selector.component.scss
@@ -25,6 +25,11 @@
   background-color: var(--cl-primary-40);
 }
 
+.col {
+  width: fit-content;
+  margin: 8px;
+}
+
 .picker-opts {
   overflow: scroll;
   width: fit-content;
@@ -39,12 +44,6 @@
   justify-content: center;
 }
 
-ion-row {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 ion-note {
   color: var(--cl-secondary-light) !important;
   font-size: 10px;

diff --git a/src/global.scss b/src/global.scss
@@ -164,6 +164,9 @@ ion-loading.custom-loading {
 }
 
 .li-ionic4-datePicker {
+  ion-header {
+    height: fit-content !important;
+  }
   ion-button {
     --ion-color-primary: white;
     --border-color: none;