From c89747bda69038ae4573c7a2bacda2111b13b41a Mon Sep 17 00:00:00 2001 From: Antoine Date: Thu, 20 Aug 2026 17:29:29 +0200 Subject: [PATCH] =?UTF-8?q?Corrige=20le=20champ=20heure=20:=20l'ic=C3=B4ne?= =?UTF-8?q?=20d'horloge=20mangeait=20le=20dernier=20chiffre?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Champ trop étroit et texte centré : l'icône native (plus large sur mobile) chevauchait la fin de l'heure saisie. Texte aligné à gauche, largeur augmentée et padding de l'icône resserré. --- app/templates/base.html | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/app/templates/base.html b/app/templates/base.html index c40ce58..2403530 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -302,19 +302,26 @@ .time-pair { display: flex; align-items: center; gap: 3px; justify-content: center; } .time-sep { color: var(--rule); font-size: 11px; flex-shrink: 0; } .time-input { - width: 70px; - padding: .28rem .35rem; + width: 78px; + padding: .28rem .3rem; border: 1px solid var(--rule); border-radius: 0; font-family: var(--mono); font-size: 12px; color: var(--text); background: transparent; - text-align: center; + text-align: left; transition: border-color .15s; } .time-input:hover { border-color: var(--muted); } .time-input:focus { outline: none; border-color: var(--accent); background: #fff; } + /* L'icône d'horloge native a une largeur fixe qui, avec un champ centré trop + étroit, empiète sur le dernier chiffre : on aligne le texte à gauche et on + resserre le padding de l'icône plutôt que de lui laisser sa marge par défaut. */ + .time-input::-webkit-calendar-picker-indicator { + margin-left: .2rem; + padding: 1px; + } tr.htmx-request .time-input { opacity: .4; } .col-calc { text-align: right; padding-left: .5rem; } @@ -421,7 +428,7 @@ .pointage-table td.c-matin .td-fill, .pointage-table td.c-aprem .td-fill { padding: .55rem .75rem; } - .pointage-table .time-input { width: 84px; font-size: 14px; padding: .45rem .4rem; } + .pointage-table .time-input { width: 98px; font-size: 14px; padding: .45rem .4rem; } .pointage-table td.col-calc, .pointage-table td.col-cumul,