From ee60ec8480db2811c0f975b6f6908c7b40109afe Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 16 Aug 2026 22:55:25 +0000 Subject: [PATCH] =?UTF-8?q?R=C3=A9glages=20:=20rendre=20au=20cong=C3=A9=20?= =?UTF-8?q?la=20place=20de=20tourner?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Les chevrons des sections débordaient dans l'arrondi de la carte, et le rayon paraissait beaucoup trop fort. La cause n'était pas le rayon : la carte des réglages avait perdu sa gouttière intérieure. Le gabarit de carte (commit précédent) a déplacé le retrait vers #side-scroll pour aligner Discussions, Réglages et Performance sur la même largeur — mais il a mis le rembourrage de .sidegroup à zéro au lieu de ne déplacer que le retrait EXTÉRIEUR. Les lignes allaient donc d'un bord à l'autre : sur la première et la dernière, le chevron tombait dans le congé de 20 px et semblait en sortir, et les filets de séparation venaient buter dans la courbe. On reprend le retrait d'avant la refonte — 16 px, exactement la valeur qui fonctionnait — et tout rentre dans l'ordre sans toucher au rayon. Vérifié en clair, en sombre et en largeur téléphone. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01LPyFxVHNAN9u5pVzSYMwjd --- internal/loki/ui/index.html | 10 +++++++++- internal/loki/ui/src/styles.css | 10 +++++++++- 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/internal/loki/ui/index.html b/internal/loki/ui/index.html index 1b0b1e4..b7dd0c4 100644 --- a/internal/loki/ui/index.html +++ b/internal/loki/ui/index.html @@ -1853,7 +1853,15 @@ html[data-files="1"] #files-btn{color:var(--accent)} de la colonne. */ #side-scroll{padding:0 12px 12px} #side-scroll>details>summary,#side-settings>summary{padding:0 2px} -#side-settings>.sidegroup{padding:0} +/* ⚠️ La gouttière INTÉRIEURE de la carte n'est pas décorative. En la mettant à + zéro (le retrait extérieur venant désormais de #side-scroll), les lignes + allaient d'un bord à l'autre : le chevron de chaque section tombait dans le + congé de 20 px, donc il en débordait visuellement sur la première et la + dernière ligne, et les filets de séparation venaient buter dans la courbe. + Le rayon paraissait « trop fort » alors que c'est le contenu qui n'avait plus + de quoi s'en écarter. On reprend le retrait d'avant la refonte (16 px), qui + laisse au congé la place de tourner à vide. */ +#side-settings>.sidegroup{padding:2px 16px} @media (max-width:720px){ #side-scroll{padding-left:calc(12px + env(safe-area-inset-left))} } diff --git a/internal/loki/ui/src/styles.css b/internal/loki/ui/src/styles.css index 0ebff54..ada7357 100644 --- a/internal/loki/ui/src/styles.css +++ b/internal/loki/ui/src/styles.css @@ -1822,7 +1822,15 @@ html[data-files="1"] #files-btn{color:var(--accent)} de la colonne. */ #side-scroll{padding:0 12px 12px} #side-scroll>details>summary,#side-settings>summary{padding:0 2px} -#side-settings>.sidegroup{padding:0} +/* ⚠️ La gouttière INTÉRIEURE de la carte n'est pas décorative. En la mettant à + zéro (le retrait extérieur venant désormais de #side-scroll), les lignes + allaient d'un bord à l'autre : le chevron de chaque section tombait dans le + congé de 20 px, donc il en débordait visuellement sur la première et la + dernière ligne, et les filets de séparation venaient buter dans la courbe. + Le rayon paraissait « trop fort » alors que c'est le contenu qui n'avait plus + de quoi s'en écarter. On reprend le retrait d'avant la refonte (16 px), qui + laisse au congé la place de tourner à vide. */ +#side-settings>.sidegroup{padding:2px 16px} @media (max-width:720px){ #side-scroll{padding-left:calc(12px + env(safe-area-inset-left))} }