palantir/blueprint

RTL Support

Open

#3754 aperta il 27 set 2019

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
Domain: designStatus: needs proposalType: enhancementhelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Environment

  • Package version(s): 3
  • Browser and OS versions: Chrome, Windows 10

Question

For an app that is bilingual, It's obvious that changing the document direction is not enough.

Here is a sandbox example using the following components:

  • Navbar
  • Slider
  • Select
  • Breadcrumb
  • Menu
  • Tree
  • Table

With most components, the main problem appears to be with inner elements text alignment, margins, icons (mainly carets). However, the table component is totally messed up.

What's the proper way to use blueprint in a bilingual app having both LTR and RTL languages ?

Guida contributor

Direzione di ricerca
Esamina il codice sorgente di Blueprint per identificare i componenti privi di supporto RTL. Concentrati sugli stili di layout, i margini e l'orientamento delle icone. Proponi un approccio sistematico per aggiungere stili sensibili alla direzione, magari utilizzando proprietà logiche CSS o una libreria di utilità come 'rtl css js'.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
3-5 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65