apache/superset

Inconsistent Default Padding for Different Charts

Chiusa

#31.033 aperta il 22 nov 2024

Vedi su GitHubGuida contributor
 (20 commenti) (0 reazioni) (1 assegnatario)TypeScript (17.291 fork)batch import
#bug:cosmeticcares:presetgood first issueviz:charts:barviz:charts:table

Metriche repository

Star
 (72.837 stelle)
Metriche merge PR
 (Merge medio 31g 15h) (773 PR mergiate in 30 g)

Descrizione

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.

Guida contributor

Direzione di ricerca
L'incoerenza del padding probabilmente deriva dalle classi CSS nei componenti del contenitore del grafico. Indaga i file CSS nella directory frontend/src/components, in particolare i componenti relativi ai grafici. Controlla se ci sono stili di padding predefiniti applicati in modo diverso per tipo di grafico. Una correzione comporterebbe la standardizzazione del padding utilizzando una classe CSS comune o la regolazione degli stili in linea. Il problema ha 20 commenti, alcuni dei quali potrebbero contenere indizi sulla causa principale.
Tech stack
typescriptpythonhtmlcssreact
Dominio
frontenddesign
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Bloccata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Basic CSSReact component stylingFamiliarity with Superset chart components
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
35