toeverything/blocksuite

Image block and code block toolbar renovation

Open

#7037 aperta il 14 mag 2024

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (553 fork)github user discovery
good first issuetype:featui-style

Metriche repository

Star
 (5858 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

The design team has changed the toolbars' position, which are located outside the image block/code block, move to the top right corner of the blocks, and it will appear when hovered over. Please focus solely on the UI redesign for this issue. We don't need to address any functional discrepancies at this stage. Let's ensure the user interface aligns with the updated design specifications. If you encounter any functional issues while implementing the UI changes, you can note them, but there's no need to resolve them in this phase. Original design👇

Newest design👇 code block link image

Image block link image

Guida contributor

Direzione di ricerca
Esamina i link di design di Figma per comprendere la nuova posizione e lo stile della barra degli strumenti. Quindi individua i componenti della barra degli strumenti per i blocchi immagine e codice nel codebase e regola il loro posizionamento e il comportamento al passaggio del mouse.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
CSSReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70