Button primary secondary fix : Fix des boutons et unification 3 couleurs (violet/blanc/rouge) - #53
Merged
Merged
Conversation
… tightened, primary styling added to the Manage Users button, Sign In and Create Account now use the `.btn` class, padding unified in `.profile-actions`, avatar buttons wrapped in `.avatar-actions` for consistent width, mobile breakpoint raised to 37em, and mobile stacking switched to a fit‑content column layout
…hierarchy clarified: a `.btn:hover` rule now overrides the default `a:hover` color so primary buttons keep their proper styling, the Edit button on the article detail page is promoted to primary, and Delete drops its redundant `.btn-secondary` since `.btn-danger` already defines its role
…ows as `[Annuler]`, the restore button switches back to `[Modifier]`, both strings added to the translation files, primary button hover on `<a>` elements is fixed so link hover no longer overrides it and the override excludes `.btn-secondary` and `.btn-danger` to keep their intended hover behavior
…nt. All `.btn-secondary` buttons now share the same subtle primary‑tinted hover, the dialog‑specific override is removed, the account‑card violet override is dropped, and the `.comment-edit-toggle` hover behavior is aligned with `.comment-delete-btn` for a uniform interaction pattern
… The `.email-edit-btn` now uses `transform: translateY(1px)` for proper vertical positioning, and `inline-flex` with `align-items: center` ensures the text stays perfectly centered
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Hiérarchie des boutons — unification 3 couleurs (violet/blanc/rouge)
Contexte
Standardisation de tous les boutons du blog sur une hiérarchie cohérente à 3 niveaux : Primary (violet), Secondary (neutre), Danger (rouge). Suppression des dérives visuelles et harmonisation des hovers sur l'ensemble des templates.
Changements
CSS —
base.css.btn-secondary: couleur unifiée--on-background(neutre), supprime les hacks spécifiques par contexte.btn-secondary:hover: fondcolor-mix(primary 8%, transparent)— identique partout (dialogs, account-card, nav).btn:hover:not(.btn-secondary):not(.btn-danger): empêche lea:hoverglobal (color: var(--primary)) d'écraser le texte blanc des boutons primaires.btn-dialog: suppression du violet sur le bouton Cancel (retour au neutre standard)CSS —
account.css.account-card .btn.btn-secondary(couleur violette dérivée)CSS —
article.css[Edit]hover : aligné sur[Delete](fondcolor-mix+ brightness) — plus de simple underline.btn)CSS —
profile.css.profile-actions:width: fit-content; margin: 0 auto;en mobile + breakpoint 22.5em → 37em.avatar-actions: nouveau wrapper pour upload/remove photo,min-width: 12rem.email-edit-btn:transform: translateY(1px)pour corriger l'alignement baseline.profile-actions .btn: padding unifié avec secondary/danger (compact)Templates —
login.html,registration.htmlclass="btn full-width"ajouté (manquait, rendu en texte brut sans style)Templates —
article_detail.html[Cancel]dans les traductions JSON du template + pattern brackets (_t('[Cancel]'))[Edit]ajouté aux traductions JSON (clé manquante → fallback anglais)Templates —
profile.htmlclass="btn"(primary, violet)class="btn btn-danger".avatar-actionsJavaScript —
comment-reply.js_t('Cancel')→_t('[Cancel]')(aligné sur le pattern brackets)Traductions —
messages.po/messages.momsgid "[Cancel]"→msgstr "[Annuler]"Notes
[Edit],[Delete],[Reply],[Cancel]) restent hors système.btn— choix délibéré (ghost, contexte différent)color-mix()utilisé sans fallback : déjà jugé acceptable (<1% navigateurs concernés en 2026)