Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
discourse/app/assets/stylesheets/common/base/rtl.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

45 lines
910 B
SCSS
Raw Normal View History

Remove old styles from rtl.scss. Add new styles to fix some positioning.
2015-04-14 22:19:11 -04:00
// Right to left styles.
Add RTL support.
2014-07-10 12:36:19 -04:00
FIX: Remove unneeded RTL-specific CSS rules We currently have some CSS rules in `common/base/rtl.scss` that were added to workaround shortcomings of the R2 gem that we used to use to generate versions of our CSS that are suitable for RTL layouts. Those workarounds are mostly duplicates of existing rules with the only difference being that they're flipped to suit RTL layouts (e.g. `padding-left` is changed to `padding-right` and vice versa). However, we've recently replaced R2 with `rtlcss` which doesn't have those shortcomings of R2 (see https://github.com/discourse/discourse/commit/f94951147ea9d1c48ea68f0dabd568e70cb94674) which means those workarounds/duplicate rules need to be removed because they're getting flipped by `rltcss`, essentially reverting them to their original LTR version and causing issues with RTL layouts. This commit removes those workarounds that are no longer needed, and cleans up the the file that contains our RTL-specific CSS. Meta topic: https://meta.discourse.org/t/avatar-in-rtl-website-in-wrong-place/264676?u=osama.
2023-05-30 18:27:38 -04:00
.rtl {
.d-icon-align-right,
.d-icon-angle-double-right,
.d-icon-angle-right,
.d-icon-arrow-right,
.d-icon-caret-right,
.d-icon-chevron-right,
.d-icon-hand-point-right,
.d-icon-quote-right {
transform: rotate(180deg);
}
Add RTL support.
2014-07-10 12:36:19 -04:00
FIX: Remove unneeded RTL-specific CSS rules We currently have some CSS rules in `common/base/rtl.scss` that were added to workaround shortcomings of the R2 gem that we used to use to generate versions of our CSS that are suitable for RTL layouts. Those workarounds are mostly duplicates of existing rules with the only difference being that they're flipped to suit RTL layouts (e.g. `padding-left` is changed to `padding-right` and vice versa). However, we've recently replaced R2 with `rtlcss` which doesn't have those shortcomings of R2 (see https://github.com/discourse/discourse/commit/f94951147ea9d1c48ea68f0dabd568e70cb94674) which means those workarounds/duplicate rules need to be removed because they're getting flipped by `rltcss`, essentially reverting them to their original LTR version and causing issues with RTL layouts. This commit removes those workarounds that are no longer needed, and cleans up the the file that contains our RTL-specific CSS. Meta topic: https://meta.discourse.org/t/avatar-in-rtl-website-in-wrong-place/264676?u=osama.
2023-05-30 18:27:38 -04:00
.d-icon-align-left,
.d-icon-angle-double-left,
.d-icon-angle-left,
.d-icon-arrow-left,
.d-icon-caret-left,
.d-icon-chevron-left,
.d-icon-hand-point-left,
.d-icon-quote-left {
transform: rotate(180deg);
}
Rtl Fix For Customize Toggles & Dashboard
2015-07-15 06:48:20 -04:00
}
UX: Fix extra indent on lists when supporting mixed text direction (#15110)
2021-11-26 12:32:45 -05:00
// For the support_mixed_text_direction setting
html:not(.rtl) .cooked ul[dir="rtl"],
html:not(.rtl) .d-editor-preview ul[dir="rtl"],
FIX: Remove list double padding (#12275) Enabling support_mixed_text_direction added both left-side and right-side padding. Follow up to 4bee7fb458532d95d2ef49dde976a9f06dbce3da.
2021-03-03 11:09:48 -05:00
.rtl .cooked ul[dir="ltr"],
.rtl .d-editor-preview ul[dir="ltr"] {
padding-left: 0;
UX: Fix extra indent on lists when supporting mixed text direction (#15110)
2021-11-26 12:32:45 -05:00
padding-right: 1.25em;
margin-right: 1.25em;
When the dir is set on a list, add padding to both sides (#6097)
2018-07-19 05:32:36 -04:00
}
Fix github oneboxes for RTL locales (#8245)
2019-10-28 14:09:42 -04:00
UX: Makes the theme editor display placeholder correctly for RTL languages (#11800) This fixes https://discourse.crowdin.com/translate/f3230e7607a36bb0a2f97fd90605a44e/246/en-he#53834
2021-01-22 10:03:43 -05:00
.rtl .ace_placeholder {
direction: rtl !important;
text-align: right !important;
[dir="ltr"] {
text-align: left !important;
}
}