toeverything/AFFiNE

[Feature Request]: Modify the interaction for attachment block

Offen

#10.781 geöffnet am 12.03.2025

Auf GitHub ansehenContributor Guide
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (4.850 Forks)batch import
help wantedstory

Repository-Metriken

Stars
 (68.392 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 1T 5h) (44 gemergte PRs in 30 T)

Beschreibung

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!

Contributor Guide

Research-Richtung
Finde die Komponente für den Anhangsblock (wahrscheinlich in blocksuite/packages/framework/block std/src/attachment) und ändere ihr CSS, um die Symbolleiste beim Hovern auszublenden und nur bei Auswahl anzuzeigen. Ändere die Stile des ausgewählten Zustands, um einen primärfarbenen Rand und keinen Hintergrund zu haben, ähnlich dem verknüpften Dokumentblock.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65