meshery/meshery

[UI] Permissions component: Improve responsiveness

Chiusa

#19.770 aperta il 29 mag 2026

Vedi su GitHubGuida contributor
 (4 commenti) (0 reazioni) (1 assegnatario)HTML (3101 fork)batch import
area/uxcomponent/uiframework/reacthelp wantedkind/enhancementlanguage/javascript

Metriche repository

Star
 (10.013 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Current Behavior

See the screenshot in which:

  • text is too large.
  • text is not wrapped
  • the meshery logo is redundant
  • other items...

Desired Behavior

  • no logo
  • same size text as parent container (inherit).
  • wrap overflowing components.
  • distinguish section titles. make "YOUR OPTIONS" and other section titles slightly off-white, smaller (maybe lighter weight, too?) font size.

Mockups

Contributor Guides and Handbook

Guida contributor

Direzione di ricerca
Esamina il CSS e JSX del componente Permissions. Modifica gli stili per ereditare la dimensione del testo, avvolgere il contenuto in eccesso, rimuovere il logo e impostare i titoli delle sezioni con colore bianco sporco e font più piccolo.
Tech stack
javascripttypescriptreact
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.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLCSSReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75