provectus/kafka-ui

FE: Topic analysis progress not visible on dark theme

Open

Aperta il 5 ago 2023

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)Java (7799 star) (977 fork)batch import
good first issuescope/frontendstatus/acceptedstatus/confirmedtype/bug

Descrizione

Issue submitter TODO list

  • I've looked up my issue in FAQ
  • I've searched for an already existing issues here
  • I've tried running master-labeled docker image and the issue still persists there
  • I'm running a supported version of the application which is listed here

Describe the bug (actual behavior)

Topic analysis progress not visible on dark theme

Expected behavior

No response

Your installation details

v0.7.1, Dark theme

Steps to reproduce

  1. Dark theme
  2. Topics -> select topic -> Statistics -> Start analysis => progress stats not visible

Screenshots

https://github.com/provectus/kafka-ui/assets/702205/bba1f118-46f3-417b-91ff-23027a962eb0

Logs

No response

Additional context

No response

Guida contributor

Tech stack
reactcsshtml
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
under 1 hour
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
basic CSSunderstanding of React components
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75
Direzione di ricerca
The bug is that the topic analysis progress indicator is not visible when the dark theme is applied. Examine the component responsible for displaying the progress (likely in the frontend React code, possibly under the 'components' directory). Use browser developer tools to inspect the element and identify any CSS rules that may be hiding or miscoloring the progress bar. Look for theme related styles (e.g., dark theme overrides) and ensure the progress indicator has appropriate colors for both light and dark themes. Check the existing theme implementation (e.g., using CSS variables or a theme context) to apply the fix consistently.