Merge pull request #106 from AbdelrhmanAbdelhamed/master

(DialogLayout): fix CloseBtn RTL positioning
yariksav · Sep 28, 2020 · 4ae8644 · 4ae8644
2 parents 6d2ec9f + f6f719a
commit 4ae8644
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/DialogLayout.vue b/src/components/DialogLayout.vue
@@ -76,13 +76,18 @@ export default {
     width: 16px;
     height: 16px;
     font-family: -webkit-pictograph;
-    right: 14px;
     font-size: 30px;
     opacity: 0.5;
     z-index: 1000;
     cursor: pointer;
     line-height: 0.5;
   }
+  .v-application--is-ltr .vuedl-layout__closeBtn {
+    right: 14px;
+  }
+  .v-application--is-rtl .vuedl-layout__closeBtn {
+    left: 14px;
+  }
   .vuedl-layout__closeBtn:hover {
     opacity: 1;
   }