diff options
| author | Nick Doiron <ndoiron@mapmeld.com> | 2019-09-04 01:47:54 +0800 |
|---|---|---|
| committer | Mark Stacey <markjstacey@gmail.com> | 2019-09-04 01:47:54 +0800 |
| commit | d589d2dec09f8a14fdff1c632990a5eaba34a8c8 (patch) | |
| tree | 63cb9f393f7c5b575249685a37d29b0d80865f45 /ui/app/css/itcss/components/modal.scss | |
| parent | 361a19a85043c19c0bc8e06365f7e482cb6a4c9b (diff) | |
| download | tangerine-wallet-browser-d589d2dec09f8a14fdff1c632990a5eaba34a8c8.tar.gz tangerine-wallet-browser-d589d2dec09f8a14fdff1c632990a5eaba34a8c8.tar.zst tangerine-wallet-browser-d589d2dec09f8a14fdff1c632990a5eaba34a8c8.zip | |
Right-to-left CSS (using module for conversion) (#7072)
* Create RTL stylesheets using `gulp-rtl`
* Handle RTL stylesheet special cases
Certain blocks of Sass were set to bypass "rtlcss" using ignore
comments. Certain icons had to be flipped 180 degrees.
* Switch stylesheets when locale changes
A second stylesheet has been added to each HTML page for use with
right-to-left locales. It is disabled by default. It is enabled on
startup if a RTL locale is set, and when switching to a RTL locale.
Similarly the LTR stylesheet is disabled when a RTL locale is used.
Unfortunately there is an unpleasant flash of unstyled content when
switching between a LTR and a RTL locale. There is also a slightly
longer page load time when using a RTL locale (<1s difference). We
couldn't think of an easy way to avoid these problems.
* Set `dir="auto"` as default on `TextFields`
Diffstat (limited to 'ui/app/css/itcss/components/modal.scss')
| -rw-r--r-- | ui/app/css/itcss/components/modal.scss | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss index 9c0a5cf61..a32930c84 100644 --- a/ui/app/css/itcss/components/modal.scss +++ b/ui/app/css/itcss/components/modal.scss @@ -18,6 +18,8 @@ } .qr-ellip-address, .ellip-address { + /*rtl:ignore*/ + direction: ltr; width: 247px; border: none; font-family: Roboto; |