feat(fe:FSADT1-1006): prevent horizontal scroll due to date field inp…

…uts (#876)
bcgov · Mar 15, 2024 · 6bc3199 · 6bc3199
1 parent 20ca76d
commit 6bc3199
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/frontend/src/components/forms/DateInputComponent/index.vue b/frontend/src/components/forms/DateInputComponent/index.vue
@@ -428,6 +428,15 @@ const datePartComponentRefs = {
 :deep(cds-text-input::part(svg)) {
   right: 1rem;
 }
+
+/* Small (up to 671px) */
+@media screen and (max-width: 671px) {
+  :deep([id$="Year"]),
+  :deep([id$="Month"]),
+  :deep([id$="Day"]) {
+    width: 5rem;
+  }
+}
 </style>
 
 <template>