diff --git a/public/css/styleResultPage.css b/public/css/styleResultPage.css index 3c214cc4c02413dac6425efb16b28e50fa913b06..cfd178a1fa9a073e996a01225adf3bc0dc8c3195 100644 --- a/public/css/styleResultPage.css +++ b/public/css/styleResultPage.css @@ -361,6 +361,14 @@ a:hover margin-right:2px } +.result .image { + padding:0; +} + +.result .image > img{ + max-width: 100%; +} + .popover-content{ /*padding-left: 0; padding-right:0;*/ diff --git a/public/css/styleResultPageMobile.css b/public/css/styleResultPageMobile.css new file mode 100644 index 0000000000000000000000000000000000000000..87ef3e072db479b173927f08b122639b47282816 --- /dev/null +++ b/public/css/styleResultPageMobile.css @@ -0,0 +1,105 @@ +* { + +} + +.content-wrapper { + padding-top: 50px; +} + +div#fokiChanger { + margin-bottom: 0; +} + +#fokiChanger a { + color: grey; +} + +li.list-group-item.selected { + background-color: #f5f5f5; +} + +select#fokiChanger { + width: 100%; + height: 30px; + text-align: center; + background-color: inherit; + border: 0; +} + +header#research { + width: 100%; + margin-left: -50%; +} + +p.link { + white-space: nowrap; +} + +header nav { + width: 100%; + padding: 0 10px; + margin-left: 0; +} +/* Research Bar */ +#researchBar{ + width:100%; + margin-left: -50%; + padding-left:0; + padding-right:0; +} + +/* Result Boxen */ +.result{ + padding:0; +} +.result > .resultInformation{ + margin-left:0; + padding-left:0; +} +.result .link a{ + white-space:nowrap; + overflow:hidden; +} + +.result.ad .link > a { + width: 50%; + max-width: 15ch; + overflow: hidden; + display: inline-flex; + text-overflow: ellipsis; +} +.result .hoster{ + white-space:nowrap; +} + +.row{ + margin: 10px 0; +} + +.row .col-md-8 { + padding: 0 10px; +} + +.container-fluid { + padding: 5px 0; +} + +.panel .panel-heading { + padding-top: 5px; + padding-bottom: 5px; +} + +.content-wrapper{ + width: 100%; +} + +.result .link-link{ + max-width:90%; +} + +.alert ul { + padding-left:0px; +} +.resultContainer { + padding: 0!important; +} \ No newline at end of file diff --git a/public/index.php b/public/index.php index 21b064cbfea8cd67b61943a17730eaf0ca2dd654..8d04cf79c7749813af4bec111a9038ae98700196 100644 --- a/public/index.php +++ b/public/index.php @@ -12,7 +12,7 @@ if( !isset($_SERVER['HTTP_X_FORWARDED_FOR'] )) { $_SERVER['REMOTE_ADDR'] = substr($_SERVER['REMOTE_ADDR'], 0, strrpos($_SERVER['REMOTE_ADDR'], ".")) . ".0"; - $_SERVER['HTTP_USER_AGENT'] = substr($_SERVER['HTTP_USER_AGENT'], 0, 23); + #$_SERVER['HTTP_USER_AGENT'] = substr($_SERVER['HTTP_USER_AGENT'], 0, 23); } /* diff --git a/resources/views/layouts/result.blade.php b/resources/views/layouts/result.blade.php index 033f1a4c62db33552aa2589f808995cfa4cc4705..ce6e00da09f67a97df8ed0ecfa16337d5e6a9c34 100644 --- a/resources/views/layouts/result.blade.php +++ b/resources/views/layouts/result.blade.php @@ -1,14 +1,14 @@ <div class="result row"> - <div class="number col-sm-1" style="color:{{ $result->color }}"> + <div class="number col-sm-1 hidden-xs" style="color:{{ $result->color }}"> {{ $result->number }}) </div> @if( $result->image !== "" ) - <div class="image col-sm-1"> - <img src="{{ $metager->getImageProxyLink($result->image) }}" alt="" height="50px" /> + <div class="image col-xs-2 col-sm-1"> + <img src="{{ $metager->getImageProxyLink($result->image) }}" alt="" /> </div> @endif - <div class="resultInformation col-sm-10"> + <div class="resultInformation col-xs-10 col-sm-10"> <p class="title"> <a class="title" href="{{ $result->link }}" target="{{ $metager->getTab() }}" data-hoster="{{ $result->gefVon }}" data-count="{{ $result->number }}"> {{ $result->titel }} diff --git a/resources/views/layouts/resultPage.blade.php b/resources/views/layouts/resultPage.blade.php index 0d5df74c091fe6f17923e17c68317599e555d998..7b778e831a918e4f1909fda5cf46760da1795a9b 100644 --- a/resources/views/layouts/resultPage.blade.php +++ b/resources/views/layouts/resultPage.blade.php @@ -5,7 +5,7 @@ <title>{{ $metager->getQ() }} - MetaGer</title> <link href="/css/bootstrap.css" rel="stylesheet" /> <link href="/css/styleResultPage.css" rel="stylesheet" /> - @if( isset($mobile) ) + @if( isset($mobile) && $mobile ) <link href="/css/styleResultPageMobile.css" rel="stylesheet" /> @endif <link href="/css/theme.css.php" rel="stylesheet" /> diff --git a/resources/views/metager3.blade.php b/resources/views/metager3.blade.php index 9177beca4ee208fd42cfb5b8e34de55d09f8a522..6c3f3317701c08ad292825de59ca4d2851106b4a 100644 --- a/resources/views/metager3.blade.php +++ b/resources/views/metager3.blade.php @@ -2,7 +2,7 @@ @section('results') -<div class="col-md-8"> +<div class="col-xs-12 col-md-8 resultContainer"> {{-- 3-Mal Werbung --}} @for($i = 0; $i <= 2; $i++) @include('layouts.ad', ['ad' => $metager->popAd()]) @@ -18,7 +18,7 @@ {!! $metager->getResults()->links() !!} </nav> </div> -<div class="col-md-4" id="quicktips"> +<div class="hidden-xs col-md-4" id="quicktips"> <iframe class="col-mod-4 hidden-xs hidden-sm" src="/qt?q={{ $metager->getQ() }}&sprueche={{ $metager->getSprueche() }}"></iframe> </div> diff --git a/resources/views/metager3results.blade.php b/resources/views/metager3results.blade.php index 809f7868a5c7453d7a0df13199be763d973a8f24..d5bc429fc226fc2ea769a97210e2c64d5e5672ad 100644 --- a/resources/views/metager3results.blade.php +++ b/resources/views/metager3results.blade.php @@ -1,4 +1,4 @@ -<div class="col-md-8"> +<div class="col-xs-12 col-md-8"> {{-- 3-Mal Werbung --}} @for($i = 0; $i <= 2; $i++) @include('layouts.ad', ['ad' => $metager->popAd()]) @@ -14,7 +14,7 @@ {!! $metager->getResults()->links() !!} </nav> </div> -<div class="col-md-4" id="quicktips"> +<div class="hidden-xs col-md-4" id="quicktips"> <iframe class="col-mod-4 hidden-xs hidden-sm" src="/qt?q={{ $metager->getQ() }}&sprueche={{ $metager->getSprueche() }}"></iframe> </div>