From 1281e6a5f7f783cdfe1786bb5d3c27ade3c3ea19 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 17 May 2023 15:30:46 +0200
Subject: [PATCH] Fix bootstrap utility classes on RTL layourt

---
 .../_custom-bootstrap-helpers.scss            | 175 ++++++++++++++++++
 1 file changed, 175 insertions(+)

diff --git a/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss b/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss
index b39c4144f..0ecad14f9 100644
--- a/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss
+++ b/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss
@@ -10,3 +10,178 @@
 .fs-7 {
   @include font-size(14px);
 }
+
+// Handle dynamically RTL layouts
+
+.text-start {
+  text-align: start !important;
+}
+
+.text-end {
+  text-align: end !important;
+}
+
+// ---
+
+
+.ms-0 {
+  @include margin-left(0 !important);
+
+  margin-left: inherit !important;
+}
+
+.ms-1 {
+  @include margin-left(0.25rem !important);
+
+  margin-left: inherit !important;
+}
+
+.ms-2 {
+  @include margin-left(0.5rem !important);
+
+  margin-left: inherit !important;
+}
+
+.ms-3 {
+  @include margin-left(1rem !important);
+
+  margin-left: inherit !important;
+}
+
+.ms-4 {
+  @include margin-left(1.5rem !important);
+
+  margin-left: inherit !important;
+}
+
+.ms-5 {
+  @include margin-left(3rem !important);
+
+  margin-left: inherit !important;
+}
+
+.ms-auto {
+  @include margin-left(auto !important);
+
+  margin-left: inherit !important;
+}
+
+// ---
+
+.me-0 {
+  @include margin-right(0 !important);
+
+  margin-right: inherit !important;
+}
+
+.me-1 {
+  @include margin-right(0.25rem !important);
+
+  margin-right: inherit !important;
+}
+
+.me-2 {
+  @include margin-right(0.5rem !important);
+
+  margin-right: inherit !important;
+}
+
+.me-3 {
+  @include margin-right(1rem !important);
+
+  margin-right: inherit !important;
+}
+
+.me-4 {
+  @include margin-right(1.5rem !important);
+
+  margin-right: inherit !important;
+}
+
+.me-5 {
+  @include margin-right(3rem !important);
+
+  margin-right: inherit !important;
+}
+
+.me-auto {
+  @include margin-right(auto !important);
+
+  margin-right: inherit !important;
+}
+
+// ---
+
+.ps-0 {
+  @include padding-left(0 !important);
+
+  padding-left: inherit !important;
+}
+
+.ps-1 {
+  @include padding-left(0.25rem !important);
+
+  padding-left: inherit !important;
+}
+
+.ps-2 {
+  @include padding-left(0.5rem !important);
+
+  padding-left: inherit !important;
+}
+
+.ps-3 {
+  @include padding-left(1rem !important);
+
+  padding-left: inherit !important;
+}
+
+.ps-4 {
+  @include padding-left(1.5rem !important);
+
+  padding-left: inherit !important;
+}
+
+.ps-5 {
+  @include padding-left(3rem !important);
+
+  padding-left: inherit !important;
+}
+
+// ---
+
+.pe-0 {
+  @include padding-right(0 !important);
+
+  padding-right: inherit !important;
+}
+
+.pe-1 {
+  @include padding-right(0.25rem !important);
+
+  padding-right: inherit !important;
+}
+
+.pe-2 {
+  @include padding-right(0.5rem !important);
+
+  padding-right: inherit !important;
+}
+
+.pe-3 {
+  @include padding-right(1rem !important);
+
+  padding-right: inherit !important;
+}
+
+.pe-4 {
+  @include padding-right(1.5rem !important);
+
+  padding-right: inherit !important;
+}
+
+.pe-5 {
+  @include padding-right(3rem !important);
+
+  padding-right: inherit !important;
+}