fix: visual issue with date fields on ios (#846)

This commit is contained in:
Miguel Ribeiro
2025-06-09 17:44:59 +02:00
committed by GitHub
parent a25eb0b39e
commit e2df8f7e24
4 changed files with 53 additions and 10 deletions

View File

@@ -385,17 +385,24 @@ $headerClass = count($subscriptions) > 0 ? "main-actions" : "main-actions hidden
<div class="inline">
<div class="split50">
<label for="start_date"><?= translate('start_date', $i18n) ?></label>
<input type="date" id="start_date" name="start_date">
<div class="date-wrapper">
<input type="date" id="start_date" name="start_date">
</div>
</div>
<button type="button" id="autofill-next-payment-button"
class="button secondary-button autofill-next-payment hideOnMobile"
title="<?= translate('calculate_next_payment_date', $i18n) ?>" onClick="autoFillNextPaymentDate(event)">
<i class="fa-solid fa-wand-magic-sparkles"></i>
</button>
<div class="split50">
<label for="next_payment" class="split-label">
<?= translate('next_payment', $i18n) ?>
<div id="autofill-next-payment-button" class="autofill-next-payment"
<div id="autofill-next-payment-button" class="autofill-next-payment hideOnDesktop"
title="<?= translate('calculate_next_payment_date', $i18n) ?>" onClick="autoFillNextPaymentDate(event)">
<i class="fa-solid fa-wand-magic-sparkles"></i>
</div>
</label>
<div>
<div class="date-wrapper">
<input type="date" id="next_payment" name="next_payment" required>
</div>
</div>
@@ -472,7 +479,9 @@ $headerClass = count($subscriptions) > 0 ? "main-actions" : "main-actions hidden
</div>
<div class="split33 mobile-split-50">
<label for="cancellation_date"><?= translate('cancellation_notification', $i18n) ?></label>
<input type="date" id="cancellation_date" name="cancellation_date">
<div class="date-wrapper">
<input type="date" id="cancellation_date" name="cancellation_date">
</div>
</div>
</div>
</div>