Fix rtl mobile header menu.

2021-11-01 11:11:50 -03:00
parent 377eb0cae5
commit 6e35102b3a
3 changed files with 32 additions and 5 deletions
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -688,6 +688,25 @@ th {
 .reserved { color: #ff8c00 }

 .rtl-layout {
+
+  .navbar-brand {
+    margin-right: 0px;
+    text-align: right;
+  }
+  .dropdown {
+    margin-right: 1rem;
+    margin-left: 0;
+    @media (min-width: 576px) {
+      margin-left: 1rem;
+    }
+    @media (min-width: 768px) {
+      margin-left: 0;
+    }
+  }
+  .dropdown-menu-right {
+    left: 0px;
+    right: auto;
+  }
  .fa-arrow-alt-circle-right {
    @extend .fa-arrow-alt-circle-right;
    -webkit-transform: scaleX(-1);
@@ -737,7 +756,7 @@ th {
  }

  .bitcoin-block {
-      direction: rtl;
+    direction: rtl;
  }

  .next-previous-blocks {