toeverything/blocksuite

Image block and code block toolbar renovation

Open

#7.037 aberto em 14 de mai. de 2024

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (553 forks)github user discovery
good first issuetype:featui-style

Métricas do repositório

Stars
 (5.858 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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

Guia do colaborador

Direção de pesquisa
Examine os links de design do Figma para entender a nova posição e estilo da barra de ferramentas. Em seguida, localize os componentes da barra de ferramentas para blocos de imagem e código no codebase e ajuste seu posicionamento e comportamento de hover.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
CSSReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70