From 1671a0bef1cd5d64c0fd3e56997c693456dbd921 Mon Sep 17 00:00:00 2001
From: fim100 <107080649+fim100@users.noreply.github.com>
Date: Mon, 5 Aug 2024 12:35:30 +0330
Subject: [PATCH] making Update icon.css rtl-friendly

---
 umap/static/umap/css/icon.css | 38 ++++++++++++++++++++++++++++++-----
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/umap/static/umap/css/icon.css b/umap/static/umap/css/icon.css
index fb22329f..d658f804 100644
--- a/umap/static/umap/css/icon.css
+++ b/umap/static/umap/css/icon.css
@@ -14,15 +14,15 @@
     line-height: 24px;
 }
 .icon + span {
-    margin-left: 10px;
+    margin-inline-start: 10px;
 }
 .icon-block {
     display: block;
-    float: left;
-    margin-right: 10px;
+    float: inline-start;
+    margin-inline-end: 10px;
 }
 .icon-block + span {
-    margin-left: 0;
+    margin-inline-start: 0;
 }
 .dark .icon-16 {
     background-image: url('../img/16-white.svg');
@@ -30,9 +30,15 @@
 .icon-add {
     background-position: -26px -24px;
 }
+html[dir="rtl"] .icon-add {
+    background-position: -25px -24px;
+}
 .icon-back {
     background-position: -122px -144px;
 }
+html[dir="rtl"] .icon-back {
+  transform: scaleX(-1);
+}
 .icon-caption {
     background-position: -98px -24px;
 }
@@ -42,14 +48,21 @@
 .icon-delete {
     background-position: -121px -49px;
 }
+html[dir="rtl"] .icon-delete {
+  background-position: -124px -49px;
+}
 .readonly .icon-delete,
 .off .icon-delete {
     background-position: -121px -122px;
 }
+html[dir="rtl"] .readonly .icon-delete,
+html[dir="rtl"] .off .icon-delete {
+  background-position: -124px -122px;
+}
 .icon-drag {
     background-position: -72px -73px;
     cursor: move;
-    float: right;
+    float: inline-end;
 }
 .icon-eye {
     background-position: -49px -26px;
@@ -60,12 +73,21 @@
 .icon-edit {
     background-position: -51px -49px;
 }
+html[dir="rtl"] .icon-edit {
+  background-position: -49px -49px;
+}
 .off .icon-edit {
     background-position: -51px -73px;
 }
+html[dir="rtl"] .off .icon-edit {
+  background-position: -49px -73px;
+}
 .icon-filters {
     background-position: -4px -24px;
 }
+html[dir="rtl"] .icon-filters {
+    background-position: -1px -24px;
+}
 .icon-key {
     background-position: -144px -121px;
 }
@@ -99,9 +121,15 @@
 .icon-settings {
     background-position: -23px -97px;
 }
+html[dir="rtl"] .icon-settings {
+  background-position: -27px -97px;
+}
 .icon-share {
     background-position: 0px -120px;
 }
+html[dir="rtl"] .icon-share {
+  background-position: -3px -120px;
+}
 .icon-table {
     background-position: -50px -1px;
 }