feat: Add bidi support in core directory

Signed-off-by: Mostafa Ahangarha <ahangarha@riseup.net>

2 files changed, 30 insertions, 31 deletions

diff --git a/apps/user_ldap/css/renewPassword.css b/apps/user_ldap/css/renewPassword.css
index f19258c0804..0fe8c4d183e 100644
--- a/apps/user_ldap/css/renewPassword.css
+++ b/apps/user_ldap/css/renewPassword.css
@@ -3,13 +3,13 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 #personal-show + label {
-	left: 230px !important;
+	inset-inline-start: 230px !important;
 	margin-top: 8px !important;
 	box-sizing: border-box;
 }
 
 #renewpassword .strengthify-wrapper {
-	left: 10px;
+	inset-inline-start: 10px;
 	margin-top: 65px;
 	position: absolute;
 	width: 219px;
@@ -63,29 +63,29 @@
 }
 
 .tooltip.right {
-	margin-left:3px;
+	margin-inline-start:3px;
 	padding:0 10px
 }
 
 .tooltip.right .tooltip-arrow {
 	top:50%;
-	left:0;
+	inset-inline-start:0;
 	margin-top:-10px;
 	border-width:10px 10px 10px 0;
-	border-right-color:#fff
+	border-inline-end-color:#fff
 }
 
 .tooltip.left {
-	margin-left:-3px;
+	margin-inline-start:-3px;
 	padding:0 5px
 }
 
 .tooltip.left .tooltip-arrow {
 	top:50%;
-	right:0;
+	inset-inline-end:0;
 	margin-top:-10px;
 	border-width:10px 0 10px 10px;
-	border-left-color:#fff
+	border-inline-start-color:#fff
 }
 
 .tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
@@ -95,17 +95,17 @@
 }
 
 .tooltip.top .tooltip-arrow {
-	left:50%;
-	margin-left:-10px
+	inset-inline-start:50%;
+	margin-inline-start:-10px
 }
 
 .tooltip.top-left .tooltip-arrow {
-	right:10px;
+	inset-inline-end:10px;
 	margin-bottom:-10px
 }
 
 .tooltip.top-right .tooltip-arrow {
-	left:10px;
+	inset-inline-start:10px;
 	margin-bottom:-10px
 }
 
@@ -116,17 +116,17 @@
 }
 
 .tooltip.bottom .tooltip-arrow {
-	left:50%;
-	margin-left:-10px
+	inset-inline-start:50%;
+	margin-inline-start:-10px
 }
 
 .tooltip.bottom-left .tooltip-arrow {
-	right:10px;
+	inset-inline-end:10px;
 	margin-top:-10px
 }
 
 .tooltip.bottom-right .tooltip-arrow {
-	left:10px;
+	inset-inline-start:10px;
 	margin-top:-10px
 }
 
diff --git a/apps/user_ldap/css/settings.css b/apps/user_ldap/css/settings.css
index 52962f17d4b..3aa9b2a168e 100644
--- a/apps/user_ldap/css/settings.css
+++ b/apps/user_ldap/css/settings.css
@@ -17,7 +17,7 @@
 	display: flex;
 	align-items: center;
 	white-space: nowrap;
-	text-align: left;
+	text-align: start;
 }
 
 .tablerow input, .tablerow textarea {
@@ -29,7 +29,7 @@
 }
 
 #ldap .tablerow label {
-	margin-left: 3px;
+	margin-inline-start: 3px;
 }
 
 .ldapIconCopy {
@@ -50,7 +50,7 @@
 
 .ldapWizardControls {
 	width: 60%;
-	text-align: right;
+	text-align: end;
 }
 
 .ldapWizardInfo {
@@ -70,31 +70,30 @@
 #ldapWizard1 .hostPortCombinatorSpan {
 	width: 14.5%;
 	display: inline-block;
-	text-align: right;
+	text-align: end;
 }
 
 #ldapWizard1 .host {
 	width: 100%;
-	margin-left: 0;
-	margin-right: 0;
+	margin-inline: 0;
 }
 
 .tableCellInput {
-	margin-left: -40%;
+	margin-inline-start: -40%;
 	width: 100%;
 }
 
 .tableCellLabel {
-	text-align: right;
-	padding-right: 25%;
+	text-align: end;
+	padding-inline-end: 25%;
 }
 
 .ldapIndent {
-	margin-left: 50px;
+	margin-inline-start: 50px;
 }
 
 .ldapwarning {
-	margin-left: 22px;
+	margin-inline-start: 22px;
 	color: #FF3B3B;
 }
 
@@ -116,9 +115,9 @@
 	max-width: 200px;
 	display: inline-block;
 	vertical-align: top;
-	text-align: right;
+	text-align: end;
 	padding-top: 9px;
-	padding-right: 5px;
+	padding-inline-end: 5px;
 }
 
 #ldap fieldset input[type=submit] {
@@ -159,7 +158,7 @@ input.ldapVerifyInput {
 .ldapInputColElement {
 	width: 35%;
 	display: inline-block;
-	padding-left: 10px;
+	padding-inline-start: 10px;
 }
 
 .ldapToggle {
@@ -190,7 +189,7 @@ select[multiple=multiple] + button {
 }
 
 #ldap .ldap_saving {
-	margin-right: 15px;
+	margin-inline-end: 15px;
 	color: orange;
 	font-weight: bold;
 }