From 7b810b2389c78e8f9d102d7d25e5ebbfa8a3c5e0 Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Wed, 25 May 2022 16:00:45 -0400
Subject: [PATCH] fix(core): incorrect z-index for the inner header container

Also fix the undefined LESS variable in the Echo skinstyle
---
 resources/skins.citizen.styles/Header.less  | 1 +
 skinStyles/extensions/Echo/ext.echo.ui.less | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/resources/skins.citizen.styles/Header.less b/resources/skins.citizen.styles/Header.less
index f5c48865..e395885a 100644
--- a/resources/skins.citizen.styles/Header.less
+++ b/resources/skins.citizen.styles/Header.less
@@ -91,6 +91,7 @@
 	}
 
 	&__inner {
+		z-index: -1; // Inner element should be behind menu and search
 		display: flex;
 		min-width: 0;
 		flex-grow: 1;
diff --git a/skinStyles/extensions/Echo/ext.echo.ui.less b/skinStyles/extensions/Echo/ext.echo.ui.less
index 8518d32a..65f75715 100644
--- a/skinStyles/extensions/Echo/ext.echo.ui.less
+++ b/skinStyles/extensions/Echo/ext.echo.ui.less
@@ -8,6 +8,8 @@
  * Date: 2021-08-11
 */
 
+@import '../../../resources/variables.less';
+
 /* mw.echo.ui.mobile.less */
 @media all and ( max-width: 720px ) {
 	.mw-echo-ui-overlay {