toeverything/AFFiNE

[Feature Request]: Modify the interaction for attachment block

Open

#10 781 ouverte le 12 mars 2025

Voir sur GitHub
 (2 commentaires) (0 réactions) (0 assignés)TypeScript (68 392 stars) (4 850 forks)batch import
help wantedstory

Description

Description

Change the interaction of the attachment block so that the toolbar is displayed only when selected, instead of on hover. When selected, the primary color border will appear and the background color need to be removed, same as the linked doc block style. This applies to both card view and embed view.

https://github.com/user-attachments/assets/073dfaaa-50df-4f5e-91d5-07e07965d777

Use case

No response

Anything else?

No response

Are you willing to submit a PR?

  • Yes I'd like to help by submitting a PR!

Guide contributeur

Stack technique
typescriptreactcss
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Familiarity with ReactUnderstanding of CSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85
Direction de recherche
Look for the attachment block component in the codebase, likely under packages/frontend/core/src/blocks/attachment. Examine how the toolbar is currently displayed (on hover) and how the linked doc block handles selection. The desired change is to show the toolbar only when the block is selected, add a primary color border, and remove the background color. Test in both card and embed views.