From 01e2e3297cc8e8709d03769f24982eabaf591ec2 Mon Sep 17 00:00:00 2001 From: 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 @@ SUMA-EV Logo
- {{ trans('staticPages.nav5') }} - {{ trans('staticPages.nav8') }} - {{ trans('staticPages.sumaev.1') }}{{ trans('staticPages.sumaev.2') }} + {{ trans('staticPages.nav5') }} - {{ trans('staticPages.nav8') }} +
- + LUH Logo
-- GitLab