Article improvements : Design éditeur, description, avatars et recherche#41
Merged
Conversation
… 300 chars). V12 adds the column, domain/DTOs expose it and services/adapters pass it through on create/update. Frontend fetches and displays the description in list/detail views, with a textarea + counter in ArticleForm. Tests cover service, DTOs, integration and frontend behavior
…limit hint. Rename comment-limit-hint to desc-limit-hint in ArticleForm and group both classes under the same CSS rule for shared styling. JSX and CSS updated accordingly
…sections, centered layout and cleaner class names. Description and editor areas get consistent labels, a Content header, a shared body wrapper and a renamed section‑header class. CSS adds new label and section‑title styles, unified max‑width and replaces the hardcoded 0.7rem with var(--font-body-sm)
… and enlarge avatars in article and comment views. Item meta text moves from body‑sm to body‑base, avatars grow to 3 rem and comment avatars increase on both desktop and mobile. Initials usethe larger body‑base font size
…0 px. Remove the JS padding observer, switch mobile video activation from dblclick to click, add a 30 em CSS breakpoint with compact toolbar, adjusted editor padding and smaller icons and reduce main‑layout mobile padding to var(--spacing-lg)
…tle and description fields. Tap timing is tracked with a ref and a 400 ms window, triggering select() on inputs and textareas when two taps occur quickly
…tail and list views. CSS now applies text-align: justify to both .article-description and .article-editor-description for consistent rendering everywhere
…tor comments. The script now tracks tap timing with a 400 ms window and triggers a full‑content selection using a Range plus the Selection API when two taps occur quickly on the contenteditable area
… bar. Backend expands search to match titles, descriptions and usernames, with updates across adapters and tests. Frontend gets an attached flex search field with clear and submit controls, persistent query, an empty state and mobile tweaks. CSS unifies the layout and loads the double‑tap script. Tests cover in‑memory, SQLAlchemy and integration behavior
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.
Contexte
Cette PR a pour but d'améliorer le design de l'éditeur d'articles, ajouter une description optionnelle aux articles, augmenter la taille des avatars et implémenter une barre de recherche qui filtre par titre d'article, description ainsi que le nom de l'auteur.
🔖 Description d'article
ArticleForm, affichée dans les vues liste et détailtext-align: justifyappliqué aux descriptions dans toutes les vuesmax-widthunifié👤 Métadonnées auteur & avatars
body-smàbody-base3remdans les vues article et commentaire📱 Mobile & double-tap
double-tap-select.jspour le champ de recherche🔍 Barre de recherche & recherche par auteur
outerjoinsurAccountModel+ILIKEsurtitle,description,usernameinput | × | 🔍),:focus-withinanneau de focus, bouton de réinitialisation, breakpoint mobileq=, message vide spécifique aux résultats