neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-20 01:09:35 +05:30
Code Issues Wiki Activity

(fixed): last search result's bottom gap by adding an bottom spacer element

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-19 22:35:27 +05:30
parent 2d76b03783
commit 76825c5e63
3 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
htdocs/assets/_floatingbar.php
View File

@@ -81,6 +81,7 @@
<i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i> <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
</span> </span>
</div> </div>
<div class="bottomspacer w-full h-[10px]"></div>
</div> </div>
<div id="searchresults" class="searchresults w-full flex-col justify-start px-2 mt-1 hidden"> <div id="searchresults" class="searchresults w-full flex-col justify-start px-2 mt-1 hidden">
<p class="text-xs text-accent_three mt-3 mb-2 mx-1">SEARCH RESULTS</p> <p class="text-xs text-accent_three mt-3 mb-2 mx-1">SEARCH RESULTS</p>

4
htdocs/assets/js/floatingbar-config.js
View File

@@ -272,6 +272,10 @@ function inject_search_results (results, keyword) {
searchRes.appendChild(profileDiv); searchRes.appendChild(profileDiv);
}); });
} }
const bottomSpacer = document.createElement("div");
bottomSpacer.className = "bottomspacer w-full h-[10px]";
searchRes.appendChild(bottomSpacer);
} }
function inject_no_results(results, keyword) { function inject_no_results(results, keyword) {

8
htdocs/assets/style.css
View File

@@ -922,6 +922,14 @@ video {
height: 47vh; height: 47vh;
} }
.h-\[20px\] {
height: 20px;
}
.h-\[10px\] {
height: 10px;
}
.w-0 { .w-0 {
width: 0px; width: 0px;
} }