From fea39ad68ae69cbfdb460b12bda34d0c0976195f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 25 Feb 2023 12:09:19 +0200 Subject: [PATCH] tag-browser: Draw main ui over the sidebar on narrow screens --- html_resources/main.css | 25 +++++++++++++++++++------ html_resources/selector.js | 6 ++++++ index.html | 2 +- 3 files changed, 26 insertions(+), 7 deletions(-) diff --git a/html_resources/main.css b/html_resources/main.css index 76cfc07..19df74e 100644 --- a/html_resources/main.css +++ b/html_resources/main.css @@ -165,16 +165,29 @@ pre > div{ display: none; } .categoryList{ + opacity: 0.6; + } + #ui.no-content > #categories{ opacity: 1; } + #site{ + background-color: rgb(60,50,70); + min-height: 100vh; + border-inline-start: 1px solid gold; + box-shadow: 0 0 26px 0 black; + } + #ui > #site{ + margin-left: 7ch; + position: relative; + z-index: 2; + } + #ui.no-content > #site{ + z-index: -1; + } .banner{ display: none; } - #site{ - background-color: rgb(60,50,70); - } - #ui > #site{ margin-left: 22ch } - #targets{ - position: relative; + #ui.no-content > #site > .banner{ + display: block; } } \ No newline at end of file diff --git a/html_resources/selector.js b/html_resources/selector.js index 26bde1a..2b9b147 100644 --- a/html_resources/selector.js +++ b/html_resources/selector.js @@ -115,6 +115,12 @@ function getSecondaryCategories(list){ } function showMatchingTargets(fileNames,setSelected = false){ + { + let ui = document.getElementById("ui"); + if(ui.classList.contains("no-content")){ + ui.classList.remove("no-content") + } + } let bonus = 0; for(let c of Array.from(document.querySelectorAll(".target"))){ if(fileNames.includes(c.dataset.filename)){ diff --git a/index.html b/index.html index 9efd909..fe2654a 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@
FAILURE, resources could not be loaded properly
-