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 @@