fix: Design issues after RTL changes (#6718)

2023-03-22 01:55:35 +05:30
parent f3aba84063
commit 1dd7cfc25d
2 changed files with 12 additions and 7 deletions
--- a/app/javascript/dashboard/routes/dashboard/contacts/components/Header.vue
+++ b/app/javascript/dashboard/routes/dashboard/contacts/components/Header.vue
@@ -3,7 +3,7 @@
    <div class="table-actions-wrap">
      <div class="left-aligned-wrap">
        <woot-sidemenu-icon />
-        <h1 class="page-title">
+        <h1 class="page-title header-title">
          {{ headerTitle }}
        </h1>
      </div>
@@ -167,6 +167,15 @@ export default {
  display: flex;
  align-items: center;
  justify-content: center;
+  max-width: 100%;
+  min-width: var(--space-mega);
+
+  .header-title {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    margin: 0 var(--space-small);
+  }
 }

 .right-aligned-wrap {