toeverything/blocksuite

Image block and code block toolbar renovation

Open

#7.037 geöffnet am 14. Mai 2024

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (553 Forks)github user discovery
good first issuetype:featui-style

Repository-Metriken

Stars
 (5.858 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Überprüfen Sie die Figma Design Links, um die neue Position und das Styling der Symbolleiste zu verstehen. Lokalisieren Sie dann die Symbolleisten Komponenten für Bild und Codeblöcke im Codebase und passen Sie deren Positionierung und Hover Verhalten entsprechend an.
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-2 Tage
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.
Meist klar
Voraussetzungen
CSSReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70