From 088fe0bdba5c20668d32c97eb9ce0292f145d6dd Mon Sep 17 00:00:00 2001 From: Karl Hasselbring <Karl Hasselbring> Date: Fri, 11 May 2018 10:54:01 +0200 Subject: [PATCH] =?UTF-8?q?Ergebnisstyle=20f=C3=BCr=20Browser=20ohne=20Gri?= =?UTF-8?q?d=20hinzugef=C3=BCgt?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../assets/less/metager/result-page.less | 29 ++++++++++++++++--- 1 file changed, 25 insertions(+), 4 deletions(-) diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less index 454bd1379..a55bea1c0 100644 --- a/resources/assets/less/metager/result-page.less +++ b/resources/assets/less/metager/result-page.less @@ -398,11 +398,13 @@ a { } } @media (max-width: @resultpage-breakpoint-large) { - #research-bar-container { - width: ~"calc(60% - 1px)"; + @supports (display: grid) { + #research-bar-container { + width: ~"calc(60% - 1px)"; + } + grid-template-columns:~"calc(60% - 8px)"~"calc(40% - 8px)"; + grid-template-areas: "searchbar ." "foki ." "results additions"; } - grid-template-columns:~"calc(60% - 8px)"~"calc(40% - 8px)"; - grid-template-areas: "searchbar ." "foki ." "results additions"; } @media (max-width: @resultpage-breakpoint-small) { #research-bar-container { @@ -564,4 +566,23 @@ footer.resultPageFooter { #research-bar>.openSidebar { display: initial; } +} + +/* Style-fixes for browsers that do not support grid layout */ + +#resultpage-container { + #results-container { + float: left; + @media (max-width: @resultpage-breakpoint-small) { + float:none; + } + } + #additions-container { + float: left; + margin-left: 20px; + @supports (display: grid) { + float: none; + margin-left: 0px; + } + } } \ No newline at end of file -- GitLab