From 3869001403fba5be4a78bb84aea9af2b2b755590 Mon Sep 17 00:00:00 2001
From: Vincent LAURENT <vince.laurent@gmail.com>
Date: Sun, 24 Sep 2023 00:56:59 +0200
Subject: [PATCH] signature: trash element signature button compatible rtl

---
 public/css/app.css     | 12 ++++++++++++
 public/js/signature.js |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/public/css/app.css b/public/css/app.css
index d6fa16b..d9f7f4f 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -38,6 +38,18 @@
     max-height: 200px;
 }
 
+.btn-svg-list-suppression {
+    top: 2px;
+}
+
+.btn-svg-list-suppression:dir(ltr) {
+    right: 6px;
+}
+
+.btn-svg-list-suppression:dir(rtl) {
+    left: 6px;
+}
+
 .canvas-container .btn-drag, .canvas-container .btn-rotate, .canvas-container .btn-delete, .canvas-container .btn-select, .canvas-container .btn-download, .canvas-container .btn-restore, .canvas-container .btn-drag-here, .canvas-container .btn-drag-here_mobile, .canvas-container .btn-cancel {
     font-size: 30px;
     cursor: move;
diff --git a/public/js/signature.js b/public/js/signature.js
index f20e8e9..c5e5c00 100644
--- a/public/js/signature.js
+++ b/public/js/signature.js
@@ -323,7 +323,7 @@ var getHtmlSvg = function(svg, i) {
     if(svg.type) {
         document.querySelector('.btn-add-svg-type[data-type="'+svg.type+'"]').classList.add('d-none');
     }
-    svgButton.innerHTML += '<a title="Supprimer" data-index="'+i+'" class="btn-svg-list-suppression opacity-50 link-dark position-absolute" style="right: 6px; top: 2px;"><i class="bi bi-trash"></i></a>';
+    svgButton.innerHTML += '<a title="Supprimer" data-index="'+i+'" class="btn-svg-list-suppression opacity-50 link-dark position-absolute"><i class="bi bi-trash"></i></a>';
     svgButton.draggable = true;
     svgButton.addEventListener('dragstart', function(event) {
         svgDragStart(this, event);