Fix: header height (#4452)

* set default header height: 85px

* themes

* fix css RTL

26 files changed, 34 insertions, 79 deletions

diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index 0524405df..0bc952beb 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -500,7 +500,6 @@ a.btn {
 /*=== Header */
 .header {
 	background: #171717;
-	height: 85px;
 }
 
 .header > .item {
@@ -528,10 +527,6 @@ a.btn {
 }
 
 /*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #262626;
 }
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index c1ff023aa..96c9466d9 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -500,7 +500,6 @@ a.btn {
 /*=== Header */
 .header {
 	background: #171717;
-	height: 85px;
 }
 
 .header > .item {
@@ -528,10 +527,6 @@ a.btn {
 }
 
 /*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #262626;
 }
diff --git a/p/themes/Ansum/_layout.scss b/p/themes/Ansum/_layout.scss
index 727ebecd4..4f2bf2a90 100644
--- a/p/themes/Ansum/_layout.scss
+++ b/p/themes/Ansum/_layout.scss
@@ -10,6 +10,7 @@
 	background: variables.$sid-bg;
 	display: block;
 	width: auto;
+	height: 3rem;
 	table-layout: none;
 
 	.item {
@@ -101,13 +102,11 @@
 			}
 		}
 	}
-
-
 }
 
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100% - 4rem);
 }
 
 
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index dc75c6c37..a8a33d7f0 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -771,6 +771,7 @@ form th {
 	background: #fbf9f6;
 	display: block;
 	width: auto;
+	height: 3rem;
 	table-layout: none;
 }
 .header .item {
@@ -835,7 +836,7 @@ form th {
 }
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100% - 4rem);
 }
 
 /*=== Prompt (centered) */
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index 485a1ca18..9f52a9985 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -771,6 +771,7 @@ form th {
 	background: #fbf9f6;
 	display: block;
 	width: auto;
+	height: 3rem;
 	table-layout: none;
 }
 .header .item {
@@ -835,7 +836,7 @@ form th {
 }
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100% - 4rem);
 }
 
 /*=== Prompt (centered) */
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index 88bb7e4a3..f4221e18b 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -597,11 +597,6 @@ a.btn {
 	width: 350px;
 }
 
-/*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #1c1c1c;
 	border-right: 1px solid #333;
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
index 9eca1149a..251a1c753 100644
--- a/p/themes/Dark/dark.rtl.css
+++ b/p/themes/Dark/dark.rtl.css
@@ -597,11 +597,6 @@ a.btn {
 	width: 350px;
 }
 
-/*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #1c1c1c;
 	border-left: 1px solid #333;
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index 0f82e9f81..acd2fdeb3 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -600,11 +600,6 @@ a.btn {
 	width: 350px;
 }
 
-/*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #ecf0f1;
 }
diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css
index a1ef0ee00..579e2bce1 100644
--- a/p/themes/Flat/flat.rtl.css
+++ b/p/themes/Flat/flat.rtl.css
@@ -600,11 +600,6 @@ a.btn {
 	width: 350px;
 }
 
-/*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #ecf0f1;
 }
diff --git a/p/themes/Mapco/_layout.scss b/p/themes/Mapco/_layout.scss
index 0b37153a8..02c0dceb8 100644
--- a/p/themes/Mapco/_layout.scss
+++ b/p/themes/Mapco/_layout.scss
@@ -10,6 +10,7 @@
 	background: variables.$sid-bg;
 	display: block;
 	width: auto;
+	height: 3rem;
 	table-layout: none;
 
 	.logo {
@@ -110,12 +111,9 @@
 
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100% - 4rem);
 }
 
-
-
-
 /*=== Prompt (centered) */
 .prompt {
 	text-align: center;
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index ce900363b..cf18c2792 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -758,6 +758,7 @@ form th {
 	background: #303136;
 	display: block;
 	width: auto;
+	height: 3rem;
 	table-layout: none;
 }
 .header .logo {
@@ -825,7 +826,7 @@ form th {
 }
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100% - 4rem);
 }
 
 /*=== Prompt (centered) */
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index e261d4f62..b567bab1d 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -758,6 +758,7 @@ form th {
 	background: #303136;
 	display: block;
 	width: auto;
+	height: 3rem;
 	table-layout: none;
 }
 .header .logo {
@@ -825,7 +826,7 @@ form th {
 }
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100% - 4rem);
 }
 
 /*=== Prompt (centered) */
diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css
index 428e01953..209e3e0cb 100644
--- a/p/themes/Nord/nord.css
+++ b/p/themes/Nord/nord.css
@@ -431,10 +431,6 @@ img.favicon {
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */
-.header {
-	height: 85px;
-}
-
 .header > .item {
 	padding: 10px;
 	vertical-align: middle;
@@ -467,10 +463,6 @@ img.favicon {
 }
 
 /*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background-color: var(--accent-bg);
 	border-radius: 12px;
diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css
index b97bc76b4..2ba23c43c 100644
--- a/p/themes/Nord/nord.rtl.css
+++ b/p/themes/Nord/nord.rtl.css
@@ -431,10 +431,6 @@ img.favicon {
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */
-.header {
-	height: 85px;
-}
-
 .header > .item {
 	padding: 10px;
 	vertical-align: middle;
@@ -467,10 +463,6 @@ img.favicon {
 }
 
 /*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background-color: var(--accent-bg);
 	border-radius: 12px;
diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css
index b2a2199da..72454d381 100644
--- a/p/themes/Origine-compact/origine-compact.css
+++ b/p/themes/Origine-compact/origine-compact.css
@@ -627,7 +627,7 @@ a.btn,
 
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100vh - 40px);
 }
 
 .aside {
diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css
index 16e8bbd78..b7ca14340 100644
--- a/p/themes/Origine-compact/origine-compact.rtl.css
+++ b/p/themes/Origine-compact/origine-compact.rtl.css
@@ -627,7 +627,7 @@ a.btn,
 
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100vh - 40px);
 }
 
 .aside {
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 4752159fc..7690bf25b 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -599,10 +599,6 @@ a.btn {
 }
 
 /*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #fff;
 	border-right: 1px solid #aaa;
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index 0961a2e24..8790d6d6b 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -599,10 +599,6 @@ a.btn {
 }
 
 /*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #fff;
 	border-left: 1px solid #aaa;
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 5bf386afb..08a93bd0a 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -570,10 +570,6 @@ a.signin {
 }
 
 /*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #fff;
 	border-right: 1px solid #aaa;
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 69ae75cb5..5f31cf061 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -570,10 +570,6 @@ a.signin {
 }
 
 /*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #fff;
 	border-left: 1px solid #aaa;
diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css
index 0db52b291..1b8dc34ff 100644
--- a/p/themes/Screwdriver/screwdriver.css
+++ b/p/themes/Screwdriver/screwdriver.css
@@ -645,7 +645,7 @@ a.btn {
 /*=== Body */
 #global {
 	background: #ede7de;
-	height: calc(100% - 60px);
+	height: calc(100% - 55px);
 }
 
 .aside {
diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css
index 012ba2d7d..344b0e195 100644
--- a/p/themes/Screwdriver/screwdriver.rtl.css
+++ b/p/themes/Screwdriver/screwdriver.rtl.css
@@ -645,7 +645,7 @@ a.btn {
 /*=== Body */
 #global {
 	background: #ede7de;
-	height: calc(100% - 60px);
+	height: calc(100% - 55px);
 }
 
 .aside {
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index f517bed6c..2ed5e888e 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -570,6 +570,9 @@ form th {
 		background: rgba(255, 255, 255, 0.3);
 	}
 }
+.header {
+	height: auto;
+}
 .header > .item {
 	vertical-align: middle;
 }
@@ -667,6 +670,10 @@ form th {
 	margin: 20px 0;
 }
 
+#global {
+	height: 100vh;
+}
+
 #new-article {
 	background: #0062be;
 	font-size: 1em;
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index 3eaf600ec..4cacf9f56 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -570,6 +570,9 @@ form th {
 		background: rgba(255, 255, 255, 0.3);
 	}
 }
+.header {
+	height: auto;
+}
 .header > .item {
 	vertical-align: middle;
 }
@@ -667,6 +670,10 @@ form th {
 	margin: 20px 0;
 }
 
+#global {
+	height: 100vh;
+}
+
 #new-article {
 	background: #0062be;
 	font-size: 1em;
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index a51735dd8..7bcc6cdf5 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -874,6 +874,7 @@ li.drag-hover {
 .header {
 	display: table;
 	width: 100%;
+	height: 85px;
 	table-layout: fixed;
 }
 
@@ -909,7 +910,7 @@ input[type="search"] {
 	background: inherit;
 	display: table;
 	width: 100%;
-	height: 100%;
+	height: calc(100vh - 85px);
 	table-layout: fixed;
 }
 
diff --git a/p/themes/base-theme/template.rtl.css b/p/themes/base-theme/template.rtl.css
index 9d52dac07..3f3336696 100644
--- a/p/themes/base-theme/template.rtl.css
+++ b/p/themes/base-theme/template.rtl.css
@@ -874,6 +874,7 @@ li.drag-hover {
 .header {
 	display: table;
 	width: 100%;
+	height: 85px;
 	table-layout: fixed;
 }
 
@@ -909,7 +910,7 @@ input[type="search"] {
 	background: inherit;
 	display: table;
 	width: 100%;
-	height: 100%;
+	height: calc(100vh - 85px);
 	table-layout: fixed;
 }