v7.0.21

Author: boehlerlukas

build/index.js

@@ -1,6 +1,6 @@
 {
   "name": "gleap",
-  "version": "7.0.20",
+  "version": "7.0.21",
   "main": "build/index.js",
   "scripts": {
     "start": "webpack serve",

package.json

@@ -55,7 +55,7 @@ export default class GleapMarkerManager {
     if (dialog) {
       dialog.remove();
     }
-    
+
     // Capture SVG ref
     const captureSVG = document.querySelector(".bb-capture-svg");
     if (captureSVG) {
@@ -248,6 +248,9 @@ export default class GleapMarkerManager {
           </div>
         `;
     document.body.appendChild(bugReportingEditor);
+
+    // Set RTL layout
+    bugReportingEditor.setAttribute("dir", GleapTranslationManager.getInstance().isRTLLayout ? "rtl" : "ltr");
   }
 
   showNextStep = function () {

published/7.0.21/index.js

@@ -62,7 +62,7 @@ export const injectStyledCSS = (
       bottom: 95px;
       width: 380px !important;
       position: fixed;
-      z-index: ${zIndexBase + 30};
+      z-index: ${zIndexBase + 31};
       visibility: visible;
       height: 100%;
       max-height: 0px;
@@ -493,6 +493,14 @@ export const injectStyledCSS = (
       background-color: ${primaryColor};
       border-bottom-left-radius: ${formItemSmallBorderRadius}px;
     }
+
+    [dir=rtl] .bb-capture-dismiss {
+      top: 0px;
+      left: 0px;
+      right: auto;
+      border-bottom-left-radius: 0px !important;
+      border-bottom-right-radius: ${formItemSmallBorderRadius}px;
+    }
     
     .bb-capture-dismiss svg path {
       fill: ${contrastColor};
@@ -518,6 +526,11 @@ export const injectStyledCSS = (
       font-size: 15px;
       margin-left: 12px;
     }
+
+    [dir=rtl].bb-capture-editor .bb-capture-button-next {
+      margin-left: auto;
+      margin-right: 12px;
+    }
     
     .bb-capture-toolbar-item-spacer {
       width: 1px;
@@ -675,6 +688,16 @@ export const injectStyledCSS = (
       margin-right: 0px;
     }
     
+    [dir=rtl].bb-capture-editor .bb-capture-toolbar-item-color {
+      margin-right: auto;
+      margin-left: 12px;
+    }
+    
+    [dir=rtl].bb-capture-editor .bb-capture-toolbar-item-color:last-of-type {
+      margin-right: auto;
+      margin-left: 0px;
+    }
+    
     .bb-capture-toolbar-item-recording[data-active="true"] svg:first-of-type {
       display: none;
     }