tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tag-browser: assorted improvements to tag browser

Browse Source 
This patch patch makes the link generator handle "+" characters in the
filename.
Additionally, file-target list should now have more-correct grid-layout
without producing overflowing rows.
The category list is fixed-positioned sidebar which hopefully makes
mobile rendering work better than before.
This commit is contained in:
MrOtherGuy
2023-02-25 11:13:50 +02:00
parent c8f143e3c7
commit e129aa349c
3 changed files with 39 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
html_resources/selector.js
View File

@@ -129,7 +129,12 @@ function showMatchingTargets(fileNames,setSelected = false){
}
}
document.getElementById("targets").setAttribute("style",`--grid-rows:${Math.ceil(fileNames.length/3)}`)
const container = document.getElementById("targets");
const width = container.getBoundingClientRect().width;
const horizontal_items = Math.max(1,Math.min(Math.floor(width / 180),4));
const real_items = fileNames.length + bonus;
const full_rows = Math.ceil(real_items/horizontal_items);
document.getElementById("targets").setAttribute("style",`--grid-rows:${full_rows};--grid-columns:${Math.ceil(real_items/full_rows)}`);
}
function onCategoryClicked(categoryNode,isSecondary = false){
@@ -253,7 +258,7 @@ const selectedTarget = new(function(){
for(let value of selected.values()){
t.push(value.getAttribute("title")+".css")
}
history.replaceState(state_object,"",`?file=${t.join(",")}`);
history.replaceState(state_object,"",`?file=${t.map(encodeURIComponent).join(",")}`);
}
})();