kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' into search_placeholder

Browse Source
This commit is contained in:
gurusabarish
2023-03-21 07:18:02 +05:30
parent 84e118a723 a36ef35350
commit de4c1e1a57
2 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/single.css
+5
View File
@@ -25,6 +25,11 @@
background-color: var(--secondary-color);
}
#single .page-content img {
max-width: 100%;
border-radius: 1rem;
}
#single .page-content a {
display: inline-block;
text-decoration: none;
static/js/search.js
+22 -16
View File
@@ -6,7 +6,10 @@ async function searchOnChange(evt) {
});
if (searchQuery !== "") {
let searchJson = await fetch("/index.json").then((res) => res.json());
if (!window.searchJson) {
window.searchJson = await fetch("/index.json").then((res) => res.json());
}
let searchResults = searchJson.filter((item) => {
let res = false;
if (item.title && item.description && item.content) {
@@ -64,22 +67,25 @@ async function searchOnChange(evt) {
function alignSearchContent() {
const searchButtonEle = document.querySelectorAll("#search");
if (searchButtonEle.value !== "") {
let searchButtonPosition;
if (window.innerWidth > 768) {
searchButtonPosition = searchButtonEle[0].getBoundingClientRect();
document.getElementById("search-content").style.width = "500px";
} else {
var navbarCollapse = document.querySelector("#navbarContent");
navbarCollapse.classList.add("show");
searchButtonPosition = searchButtonEle[1].getBoundingClientRect();
document.getElementById("search-content").style.width = "300px";
}
// check if search value is not empty
for (let i = 0; i < searchButtonEle.length; i++) {
if (searchButtonEle[i].value !== "") {
let searchButtonPosition;
if (window.innerWidth > 768) {
searchButtonPosition = searchButtonEle[0].getBoundingClientRect();
document.getElementById("search-content").style.width = "500px";
} else {
var navbarCollapse = document.querySelector("#navbarContent");
navbarCollapse.classList.add("show");
searchButtonPosition = searchButtonEle[1].getBoundingClientRect();
document.getElementById("search-content").style.width = "300px";
}
document.getElementById("search-content").style.top =
searchButtonPosition.top + 50 + "px";
document.getElementById("search-content").style.left =
searchButtonPosition.left + "px";
document.getElementById("search-content").style.top =
searchButtonPosition.top + 50 + "px";
document.getElementById("search-content").style.left =
searchButtonPosition.left + "px";
}
}
}