fix(recipes): agrandit l'icône réglages, aligne les cases à cocher à gauche
- .ingredient-picker__display-toggle svg : 1.1rem -> 1.5rem, trop petite dans son bouton 2.25rem. - .ingredient-picker__display-menu : neutralise le margin-left: auto du check-mark app-wide (global.scss, pensé pour une grille de chips avec coche en bout de ligne) pour ce menu vertical de préférences — coche à gauche, libellé à droite, plus classique pour ce type de menu. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
parent
8d1c763add
commit
655c10ad95
1 changed files with 12 additions and 2 deletions
|
|
@ -749,8 +749,8 @@
|
||||||
color: var(--color-text-muted);
|
color: var(--color-text-muted);
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
width: 1.1rem;
|
width: 1.5rem;
|
||||||
height: 1.1rem;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
@ -786,6 +786,16 @@
|
||||||
label {
|
label {
|
||||||
font-size: var(--font-size-sm);
|
font-size: var(--font-size-sm);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
|
// The global rule trails the checkmark at the far right (`margin-left:
|
||||||
|
// auto`) — reads well as a selected chip in a grid (AllergySelect),
|
||||||
|
// but a vertical settings-menu list reads conventionally the other
|
||||||
|
// way: checkbox leading, label text after it. `.check-mark` already
|
||||||
|
// sits right after the (visually hidden) `<input>` and before the
|
||||||
|
// text in markup, so undoing the auto margin alone puts it there.
|
||||||
|
.check-mark {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue