toeverything/blocksuite

Image block and code block toolbar renovation

Open

#7 037 ouverte le 14 mai 2024

Voir sur GitHub
 (0 commentaires) (0 réactions) (0 assignés)TypeScript (553 forks)github user discovery
good first issuetype:featui-style

Métriques du dépôt

Stars
 (5 858 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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

Guide contributeur

Direction de recherche
Examinez les liens de conception Figma pour comprendre la nouvelle position et le style de la barre d'outils. Ensuite, localisez les composants de la barre d'outils pour les blocs d'image et de code dans la base de code et ajustez leur positionnement et leur comportement au survol.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Fonctionnalité
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-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Plutôt claire
Prérequis
CSSReact
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70