From 440319b8221d116e5b1022ef14c136d23e7c966d Mon Sep 17 00:00:00 2001
From: Dominik Hebeler <dominik@hebeler.club>
Date: Sat, 22 Apr 2023 07:03:01 +0200
Subject: [PATCH] resultpage center
---
.../less/metager/pages/resultpage/result-page.less | 12 ++++++++++--
.../views/layouts/researchandtabs.blade.php | 2 ++
2 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/metager/resources/less/metager/pages/resultpage/result-page.less b/metager/resources/less/metager/pages/resultpage/result-page.less
index 77483eddf..a60ab6862 100644
--- a/metager/resources/less/metager/pages/resultpage/result-page.less
+++ b/metager/resources/less/metager/pages/resultpage/result-page.less
@@ -403,6 +403,8 @@ a {
#resultpage-container {
margin: 0 auto;
+ max-width: 100%;
+ padding: 0 0.5rem;
margin-top: 0;
display: grid;
grid-template-columns: @results-width-max max-content;
@@ -410,6 +412,8 @@ a {
grid-row-gap: @padding-small-default;
justify-items: stretch;
align-items: stretch;
+ column-gap: 1rem;
+ row-gap: 0.5rem;
/**/
background-color: @resultpage-background-color;
@@ -498,14 +502,14 @@ a {
grid-area: footer;
}
- @media (max-width: @resultpage-breakpoint-max) {
+ @media (min-width: 1350px) {
@supports (display: grid) {
grid-template-columns: @results-width-max max-content;
grid-template-areas: "searchbar ." "foki ." "options ." "results additions" "footer .";
}
}
- @media (max-width: @resultpage-breakpoint-min) {
+ @media (max-width: 1350px) {
grid-template-columns: 100%;
grid-template-areas: "searchbar" "foki" "options" "results" "footer";
@@ -637,6 +641,10 @@ a {
display: none;
}
+ input[type="checkbox"]:not(:checked) + .scrollbox {
+ display: none;
+ }
+
.metager-key-hint {
font-size: 0.8em;
margin-bottom: 0;
diff --git a/metager/resources/views/layouts/researchandtabs.blade.php b/metager/resources/views/layouts/researchandtabs.blade.php
index af557d97b..c36691ab9 100644
--- a/metager/resources/views/layouts/researchandtabs.blade.php
+++ b/metager/resources/views/layouts/researchandtabs.blade.php
@@ -34,6 +34,7 @@
@yield('results')
<div id="backtotop"><a href="#top">@lang('results.backtotop')</a></div>
</div>
+ @if(sizeof($quicktips) > 0)
<div id="additions-container" data-authorized="{{ $metager->isApiAuthorized() ? 'true' : 'false' }}">
@include('layouts.keyboardNavBox')
<div id="quicktips">
@@ -42,5 +43,6 @@
@endif
</div>
</div>
+ @endif
@include('parts.footer', ['type' => 'resultpage', 'id' => 'resultPageFooter'])
</div>
\ No newline at end of file
--
GitLab