From 4ac21976dc7c5dad16bcded0e0b82ea0aaa86bd1 Mon Sep 17 00:00:00 2001 From: Karl Hasselbring <Karl Hasselbring> Date: Mon, 20 Nov 2017 11:23:05 +0100 Subject: [PATCH] Fixed: Style der Suchleiste auf der Ergebnisseite repariert --- resources/assets/less/metager/result-page.less | 3 +++ resources/assets/less/metager/searchbar.less | 18 +++++++++++++++--- .../views/layouts/researchandtabs.blade.php | 2 +- 3 files changed, 19 insertions(+), 4 deletions(-) diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less index a570ad8d0..1ac010e41 100644 --- a/resources/assets/less/metager/result-page.less +++ b/resources/assets/less/metager/result-page.less @@ -309,6 +309,9 @@ a { #logo-searchbar-container { display: flex; + @media (max-width: @screen-xs-max) { + flex-direction: column; + } } .mg-logo { diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less index 9f7cdcf45..693f941b9 100644 --- a/resources/assets/less/metager/searchbar.less +++ b/resources/assets/less/metager/searchbar.less @@ -157,8 +157,6 @@ border: 1px solid #aaa; border-radius: 5px; } - } - @media (max-width: @screen-xs-max) { >* { border: 1px solid #aaa; border-radius: 5px; @@ -174,8 +172,22 @@ } .resultpage-searchbar { - margin: 5px 0px 0px 5px; + padding: 5px 0px 0px 5px; :first-child { border-left: none; } + @media (max-width: @screen-xs-max) { + padding: 5px; + >* { + border: 1px solid #aaa; + border-radius: 5px; + min-height: 40px; + &:not(:first-child) { + border-left: 1px solid #aaa; + } + } + *:not(.search-submit) { + width: 100%; + } + } } \ No newline at end of file diff --git a/resources/views/layouts/researchandtabs.blade.php b/resources/views/layouts/researchandtabs.blade.php index 700683813..40217345e 100644 --- a/resources/views/layouts/researchandtabs.blade.php +++ b/resources/views/layouts/researchandtabs.blade.php @@ -14,7 +14,7 @@ <div class="container"> <div class="row" id="logo-searchbar-container"> <div id="header-logo"> - <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"><h1 class="mg-logo">M<span class="hidden-xs">eta</span>G<span class="hidden-xs">er</span></h1></a> + <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"><h1 class="mg-logo">MetaGer</h1></a> </div> <div id="header-searchbar"> @include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()]) -- GitLab