From 9a736cf65fb7c2146169290d3cedd613f5f9cbae Mon Sep 17 00:00:00 2001 From: kolaente Date: Sat, 10 Jun 2023 18:39:33 +0200 Subject: [PATCH] fix(reminders): style flatpickr so that it blends in more --- src/components/tasks/partials/reminder-detail.vue | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/components/tasks/partials/reminder-detail.vue b/src/components/tasks/partials/reminder-detail.vue index d908efd14..ca7245bbe 100644 --- a/src/components/tasks/partials/reminder-detail.vue +++ b/src/components/tasks/partials/reminder-detail.vue @@ -240,7 +240,7 @@ function translateUnit(amount: number, unit: PeriodUnit): string { } .reminder-options-popup { - width: 300px; + width: 310px; z-index: 99; @media screen and (max-width: ($tablet)) { @@ -267,4 +267,9 @@ function translateUnit(amount: number, unit: PeriodUnit): string { .currently-active { color: var(--primary); } + +:deep(.flatpickr-calendar) { + margin: 0 auto; + box-shadow: none; +}