From d0994fb6c911d05d056c0802501585cbc5b5104d Mon Sep 17 00:00:00 2001
From: Dominik Hebeler <dominik@suma-ev.de>
Date: Tue, 13 Sep 2022 12:18:42 +0200
Subject: [PATCH] added a region identifier besides our logo

---
 .../resources/less/metager/general/base.less  | 39 ++++++++++++++++---
 .../metager/pages/resultpage/result-page.less | 16 ++++++++
 metager/resources/views/index.blade.php       |  5 ++-
 .../views/layouts/researchandtabs.blade.php   |  3 ++
 .../views/layouts/subPages.blade.php          |  3 ++
 5 files changed, 60 insertions(+), 6 deletions(-)

diff --git a/metager/resources/less/metager/general/base.less b/metager/resources/less/metager/general/base.less
index d0fb98c72..cfce2407f 100644
--- a/metager/resources/less/metager/general/base.less
+++ b/metager/resources/less/metager/general/base.less
@@ -185,7 +185,7 @@ i.fa {
         margin-bottom: 25px;
     }
 
-    &>a {
+    >a.logo {
         .logo;
         display: block;
         width: fit-content;
@@ -200,33 +200,62 @@ i.fa {
             width: 4.6em;
         }
     }
+
+    >a.lang {
+        display: block;
+        height: min-content;
+        align-self: flex-end;
+        position: relative;
+        left: -10px;
+        font-style: initial;
+
+        &>span {
+            font-size: 1rem;
+            display: block;
+            padding: .3rem;
+        }
+    }
 }
 
 #subpage-logo {
     padding: 16px 0 5px 0px;
+    display: flex;
 
     .navbar-brand {
         .noprint;
-        line-height: 100% !important;
         font-size: 18px;
-        height: 40px;
         padding: 0;
         padding-left: 8px;
-        position: absolute;
         z-index: 5;
-        left: 10px;
 
         h1 {
             border: 0;
             .logo;
             font-size: 1.6em;
             margin: 0;
+            line-height: 1;
+            padding-bottom: 0;
 
             >img {
                 width: 4.8em;
             }
         }
     }
+
+    a.lang {
+        display: block;
+        height: min-content;
+        align-self: flex-end;
+        position: relative;
+        bottom: -9px;
+        left: -4px;
+
+        &>span {
+            font-size: .7rem;
+            display: block;
+            padding: .1rem;
+        }
+    }
 }
 
 /* Links that look like text */
diff --git a/metager/resources/less/metager/pages/resultpage/result-page.less b/metager/resources/less/metager/pages/resultpage/result-page.less
index c516e9273..5ba7ebb2f 100644
--- a/metager/resources/less/metager/pages/resultpage/result-page.less
+++ b/metager/resources/less/metager/pages/resultpage/result-page.less
@@ -27,6 +27,7 @@
     z-index: 0;
     padding-right: 8px;
     padding-left: 8px;
+    white-space: nowrap;
 
     h1 {
         .logo;
@@ -40,6 +41,17 @@
         }
     }
 
+    a.lang {
+        position: relative;
+        font-size: .7rem;
+        bottom: -6px;
+        left: -5px;
+
+        span {
+            padding: .1rem;
+        }
+    }
+
     .screen-small {
         display: none;
     }
@@ -56,6 +68,10 @@
                 width: 20px;
             }
         }
+
+        a.lang {
+            left: 0;
+        }
     }
 }
 
diff --git a/metager/resources/views/index.blade.php b/metager/resources/views/index.blade.php
index f1836748c..1c3be273d 100644
--- a/metager/resources/views/index.blade.php
+++ b/metager/resources/views/index.blade.php
@@ -6,9 +6,12 @@
   <div id="search-wrapper">
     <div id="search-block">
       <h1 id="startpage-logo">
-        <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
+        <a class="logo" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
           <img src="/img/metager.svg" alt="MetaGer" />
         </a>
+        <a class="lang" href="#">
+          <span>{{ App\Localization::getRegion() }}</span>
+        </a>
       </h1>
       @include('parts.searchbar', ['class' => 'startpage-searchbar'])
       @if(Request::filled('key'))
diff --git a/metager/resources/views/layouts/researchandtabs.blade.php b/metager/resources/views/layouts/researchandtabs.blade.php
index 38c731408..73c8646ae 100644
--- a/metager/resources/views/layouts/researchandtabs.blade.php
+++ b/metager/resources/views/layouts/researchandtabs.blade.php
@@ -9,6 +9,9 @@
 				<a class="screen-small" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}" @if(!empty($metager) && $metager->isFramed())target="_top" @endif>
 					<h1><img src="/img/metager-schloss-orange.svg" alt="MetaGer" /></h1>
 				</a>
+				<a class="lang" href="#">
+					<span>{{ App\Localization::getRegion() }}</span>
+				</a>
 			</div>
 			<div id="header-searchbar">
 				@include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()])
diff --git a/metager/resources/views/layouts/subPages.blade.php b/metager/resources/views/layouts/subPages.blade.php
index 5e6f616c9..cfb7ab405 100644
--- a/metager/resources/views/layouts/subPages.blade.php
+++ b/metager/resources/views/layouts/subPages.blade.php
@@ -5,5 +5,8 @@
 		<a class="navbar-brand" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
 			<h1><img src="/img/metager.svg" alt="MetaGer" /></h1>
 		</a>
+		<a class="lang" href="#">
+          <span>{{ App\Localization::getRegion() }}</span>
+        </a>
 	</div>
 @endsection
-- 
GitLab