comprehensive-rust/rtl.css at f3e045ddf4ee5c589078912faa4fefbc106a02e1 - comprehensive-rust - Gitea: Git with a cup of tea

rust/comprehensive-rust

mirror of https://github.com/google/comprehensive-rust.git synced 2024-12-15 22:37:28 +02:00

Amin Sharifi 7cec167840

Fix SVG renders in RTL contents (#1454 )

Part of:
#671 
#1433
## Issue:
When we render SVG tags in persian ( `<html dir="rtl" ...>`) make
confiliect:


![svg-rtl-issue](https://github.com/google/comprehensive-rust/assets/11869014/ce825736-4367-41fa-acd3-6e395926d7c7)
originally: *[7.2 Arrays and for
Loops](https://google.github.io/comprehensive-rust/exercises/day-1/for-loops.html#arrays-and-for-loops)*

![svg-rtl-issue-2](https://github.com/google/comprehensive-rust/assets/11869014/0a494392-2407-47ec-91f1-0098414b83d3)

originally: *[16.2 Moved Strings in
Rust](https://google.github.io/comprehensive-rust/ownership/moved-strings-rust.html)*

## Proposed method:

as we talked in #1433, again in there adding 
```
[dir="rtl"] svg {
  direction: ltr;
}
```
fix issue like:


![svg-rtl-issue-fix](https://github.com/google/comprehensive-rust/assets/11869014/5d82c413-709a-42dd-b24b-1ff2c8be55ba)


![svg-rtl-issue-2-fixture](https://github.com/google/comprehensive-rust/assets/11869014/da2bf319-212e-4edd-9135-82f51e5e0381)

2023-11-08 17:49:07 +03:30

11 lines

149 B

CSS

Raw Blame History

 [dir="rtl"] .hljs,
 [dir="rtl"] pre > code {
   text-align: left;
 }
 [dir="rtl"] #cookieBar {
   direction: ltr;
 }
 [dir="rtl"] svg {
   direction: ltr;
 }