Fix: header height (#4452)

* set default header height: 85px

* themes

* fix css RTL

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;
 }

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;
 }

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);
 }
 
 

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) */

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) */

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;

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;

p/themes/Flat/flat.css

@@ -600,11 +600,6 @@ a.btn {
 	width: 350px;
 }
 
-/*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #ecf0f1;
 }

p/themes/Flat/flat.rtl.css

@@ -600,11 +600,6 @@ a.btn {
 	width: 350px;
 }
 
-/*=== Body */
-#global {
-	height: calc(100% - 85px);
-}
-
 .aside {
 	background: #ecf0f1;
 }

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;

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) */

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) */

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;

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;

p/themes/Origine-compact/origine-compact.css

@@ -627,7 +627,7 @@ a.btn,
 
 /*=== Body */
 #global {
-	height: calc(100% - 85px);
+	height: calc(100vh - 40px);
 }
 
 .aside {

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 {

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;

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;

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;

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;

p/themes/Screwdriver/screwdriver.css

@@ -645,7 +645,7 @@ a.btn {
 /*=== Body */
 #global {
 	background: #ede7de;
-	height: calc(100% - 60px);
+	height: calc(100% - 55px);
 }
 
 .aside {

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 {

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;

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;

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;
 }
 

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;
 }