From 7cafd9f51a3b719c9408bf8a1c6e4ba0e840a87c Mon Sep 17 00:00:00 2001
From: David Wheatley <hi@davwheat.dev>
Date: Thu, 21 Jul 2022 11:47:37 +0100
Subject: [PATCH] fix: titles positioned wrongly with custom header height
 (#3550)

---
 framework/core/less/common/App.less | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/framework/core/less/common/App.less b/framework/core/less/common/App.less
index d2e55e7e7..e3f0e8eb4 100644
--- a/framework/core/less/common/App.less
+++ b/framework/core/less/common/App.less
@@ -82,6 +82,7 @@
       }
     }
   }
+
   .App-titleControl {
     width: 200px;
     left: 50%;
@@ -89,7 +90,8 @@
     text-align: center;
     color: var(--header-color) !important;
 
-    &, > .Button {
+    &,
+    > .Button {
       font-size: 16px;
     }
     > .Button {
@@ -98,14 +100,16 @@
       overflow: hidden;
       text-overflow: ellipsis;
     }
+
+    &--text {
+      line-height: var(--header-height-phone);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-weight: normal;
+    }
   }
-  .App-titleControl--text {
-    line-height: 46px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-weight: normal;
-  }
+
   .App-backControl {
     left: 0;