apache/superset

Inconsistent Default Padding for Different Charts

Fechada

#31.033 aberto em 22 de nov. de 2024

Ver no GitHubGuia do colaborador
 (20 comentários) (0 reação) (1 responsável)TypeScript (17.291 forks)batch import
#bug:cosmeticcares:presetgood first issueviz:charts:barviz:charts:table

Métricas do repositório

Stars
 (72.837 estrelas)
Métricas de merge de PR
 (Mesclagem média 31d 15h) (773 fundiu PRs em 30d)

Description

Bug description

Depending on the type selected, the Superset UI will display charts with different alignments. Ideally they would be centered inside the card. Currently the padding differs on both sides leading to more whitespace on the left or right.

For Example:

  1. Go to Dashboard
  2. Click + Chart
  3. Select Table
  4. Click + Chart
  5. Select Bar Chart

Screenshots/recordings

Screenshot 2024-11-19 at 11 37 05 AM

Superset version

4.1.0

Python version

3.11

Node version

Not applicable

Browser

Chrome

Additional context

No response

Checklist

  • I have searched Superset docs and Slack and didn't find a solution to my problem.
  • I have searched the GitHub issue tracker and didn't find a similar bug report.
  • I have checked Superset's logs for errors and if I found a relevant Python stacktrace, I included it here as text in the "additional context" section.

Guia do colaborador

Direção de pesquisa
A inconsistência no padding provavelmente decorre das classes CSS nos componentes do contêiner do gráfico. Investigue os arquivos CSS no diretório frontend/src/components, especificamente quaisquer componentes relacionados a gráficos. Verifique se há estilos de padding padrão aplicados de forma diferente por tipo de gráfico. Uma correção envolveria padronizar o padding usando uma classe CSS comum ou ajustar estilos inline. A issue tem 20 comentários, alguns podem conter pistas sobre a causa raiz.
Pilha de tecnologia
typescriptpythonhtmlcssreact
Domain
frontenddesign
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Bloqueado
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Basic CSSReact component stylingFamiliarity with Superset chart components
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
35