ami/tl-vikunja
1
0
Fork 0
Code

fix(reminders): flatpickr styling improvements

Browse Source
This commit is contained in:
kolaente 2023-06-10 18:46:15 +02:00
parent 9a736cf65f
commit 8930f61548
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/input/datepickerInline.vue
View File

@ -61,11 +61,12 @@
</span> </span>
</BaseButton> </BaseButton>
<flat-pickr <div class="flatpickr-container">
:config="flatPickerConfig" <flat-pickr
class="input" :config="flatPickerConfig"
v-model="flatPickrDate" v-model="flatPickrDate"
/> />
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@ -214,8 +215,14 @@ function getWeekdayFromStringInterval(dateString: string) {
} }
} }
:deep(.flatpickr-calendar) { .flatpickr-container {
margin: 0 auto 8px; :deep(.flatpickr-calendar) {
box-shadow: none; margin: 0 auto 8px;
box-shadow: none;
}
:deep(.input) {
border: none;
}
} }
</style> </style>

7
src/components/tasks/partials/reminder-detail.vue
View File

@ -166,6 +166,8 @@ function updateDataAndMaybeClose(toggle) {
function formatReminder(reminder: TaskReminderModel) { function formatReminder(reminder: TaskReminderModel) {
const period = secondsToPeriod(reminder.relativePeriod) const period = secondsToPeriod(reminder.relativePeriod)
// TODO: 0 does not work
if (period.amount === 0) { if (period.amount === 0) {
switch (reminder.relativeTo) { switch (reminder.relativeTo) {
@ -267,9 +269,4 @@ function translateUnit(amount: number, unit: PeriodUnit): string {
.currently-active { .currently-active {
color: var(--primary); color: var(--primary);
} }
:deep(.flatpickr-calendar) {
margin: 0 auto;
box-shadow: none;
}
</style> </style>