From 74a7cbc4c9657065d8a155c1284b18c76df6d218 Mon Sep 17 00:00:00 2001 From: Carl Nation Date: Fri, 5 Jun 2026 07:28:50 -0400 Subject: [PATCH] CASH-2838 UI Styling defect fixes CASH-2838 UI Styling defect fixes --- .../date-picker-popup/date-picker-popup.vue | 12 ++++++++++++ .../funnel-header/funnel-header.vue | 16 +++++++++++++++- .../insurance-nav-bar/insurance-nav-bar.vue | 2 +- src/layouts/duplicate-check/duplicate-check.vue | 4 ++-- src/layouts/endorsements/endorsements.vue | 4 ++-- src/layouts/policy-info/policy-info.vue | 4 ++-- src/layouts/policy-vehicle/policy-vehicle.vue | 9 ++++++++- src/styles/common-styles.scss | 6 ++++++ 8 files changed, 48 insertions(+), 9 deletions(-) diff --git a/src/digital-components/date-picker-popup/date-picker-popup.vue b/src/digital-components/date-picker-popup/date-picker-popup.vue index ea24197bc..087e68765 100644 --- a/src/digital-components/date-picker-popup/date-picker-popup.vue +++ b/src/digital-components/date-picker-popup/date-picker-popup.vue @@ -290,4 +290,16 @@ export default { background-color: #ffc966 !important; color: $black; } + +// Enlarge the calendar popup. The menu is teleported to , so these must +// be global rules. VueDatePicker sizes itself via CSS custom properties. +.dp__menu { + --dp-cell-size: 46px; + --dp-cell-padding: 8px; + --dp-font-size: 1.05rem; + --dp-menu-min-width: 320px; + --dp-button-height: 40px; + --dp-month-year-row-height: 40px; + --dp-row-margin: 6px 0; +} diff --git a/src/fmg-components/funnel-header/funnel-header.vue b/src/fmg-components/funnel-header/funnel-header.vue index ac6e73bde..8a8889ae6 100644 --- a/src/fmg-components/funnel-header/funnel-header.vue +++ b/src/fmg-components/funnel-header/funnel-header.vue @@ -1,5 +1,8 @@