From 01e2e3297cc8e8709d03769f24982eabaf591ec2 Mon Sep 17 00:00:00 2001
From: Karl Hasselbring <Karl Hasselbring>
Date: Mon, 20 Nov 2017 08:30:39 +0100
Subject: [PATCH] Improved: Startseite hat jetzt eine mobile Version

---
 resources/assets/less/metager/footer.less    |  5 +++
 resources/assets/less/metager/searchbar.less | 37 +++++++++++++-------
 resources/views/parts/footer.blade.php       |  6 ++--
 3 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/resources/assets/less/metager/footer.less b/resources/assets/less/metager/footer.less
index 95c58d5b..63ebf948 100644
--- a/resources/assets/less/metager/footer.less
+++ b/resources/assets/less/metager/footer.less
@@ -26,4 +26,9 @@ footer {
             color: @result-page-color-black;
         }
     }
+    @media (max-width: @screen-xs-max) {
+        img {
+            display: none;
+        }
+    }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index 23c2b40e..866265e9 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -138,33 +138,44 @@
             border-radius: 5px;
         }
     }
+    @media (max-width: @screen-xs-max) {
+        >* {
+            border: 1px solid #aaa;
+            border-radius: 5px;
+            min-height: 40px;
+            &:not(:first-child) {
+                border-left: 1px solid #aaa;
+            }
+        }
+        *:not(.search-submit) {
+            width: 100%;
+        }
+    }
 }
 
 .resultpage-searchbar {
     margin: 5px 0px 0px 5px;
-	:first-child {
-		border-left: none;
-	}
+    :first-child {
+        border-left: none;
+    }
 }
 
 .searchbar-tooltip {
-   display: none;
-    position:absolute;
+    display: none;
+    position: absolute;
     margin-top: 40px;
-
-    & > .searchbar-tooltip-arrow {
-        width: 0; 
-        height: 0; 
+    &>.searchbar-tooltip-arrow {
+        width: 0;
+        height: 0;
         border-left: 5px solid transparent;
         border-right: 5px solid transparent;
         border-bottom: 5px solid #ff8000;
         margin-left: 5%;
     }
-
-    & > .searchbar-tooltip-content {
+    &>.searchbar-tooltip-content {
         position: relative;
         margin-left: -45%;
-        & > p {
+        &>p {
             display: inline-block;
             background: #ff8000;
             border-radius: .25em;
@@ -175,6 +186,6 @@
     }
 }
 
-div:hover > .searchbar-tooltip {
+div:hover>.searchbar-tooltip {
     display: inline-block;
 }
\ No newline at end of file
diff --git a/resources/views/parts/footer.blade.php b/resources/views/parts/footer.blade.php
index 6775079e..ce855064 100644
--- a/resources/views/parts/footer.blade.php
+++ b/resources/views/parts/footer.blade.php
@@ -5,11 +5,11 @@
     <img src="/img/suma_ev_logo-m1-greyscale.png" alt="SUMA-EV Logo"></a>
   </div>
   <div id="info">
-    <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "kontakt") }}">{{ trans('staticPages.nav5') }}</a> - <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('staticPages.nav8') }}</a>
-    {{ trans('staticPages.sumaev.1') }}<a href="https://www.suma-ev.de/">{{ trans('staticPages.sumaev.2') }}</a>
+    <span><a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "kontakt") }}">{{ trans('staticPages.nav5') }}</a> - <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('staticPages.nav8') }}</a></span>
+    <span class="hidden-xs">{{ trans('staticPages.sumaev.1') }}<a href="https://www.suma-ev.de/">{{ trans('staticPages.sumaev.2') }}</a></span>
   </div>
   <div>
-    <a href="https://www.uni-hannover.de/"  >
+    <a href="https://www.uni-hannover.de/">
     <img src="/img/luh_metager.png" alt="LUH Logo"></a>
   </div>
 </footer>
-- 
GitLab