From d3a69f97a76b3e4c39bf975c3a7047f60721e7c6 Mon Sep 17 00:00:00 2001
From: Subhamoy Biswas <subhamoybiswas636@gmail.com>
Date: Sat, 16 Mar 2024 23:34:12 +0530
Subject: [PATCH] (fixed): search window height to be adjusted based on content

---
 htdocs/assets/_floatingbar.php | 2 +-
 htdocs/assets/style.css        | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php
index 631728a..4347a76 100644
--- a/htdocs/assets/_floatingbar.php
+++ b/htdocs/assets/_floatingbar.php
@@ -1,6 +1,6 @@
 <div id="floatingwindowwrapper" class="floatingwindowwrapper fixed top-0 left-0 w-screen h-screen z-30 bg-[rgba(0,_0,_0,_0.4)] hidden"></div>
 <div id="phpHostBasePath" class="hidden" data-base-path="<?php echo htmlspecialchars($basePath);?>"></div>
-<div id="searchwindow" class="searchwindow w-[90vw] md:w-[44vw] mx-auto h-[45vh] md:h-[60vh] fixed inset-x-0 top-[30vh] z-40 flex-col items-center bg-bg_secondary rounded-xl overflow-y-scroll no-scrollbar hidden">
+<div id="searchwindow" class="searchwindow w-[90vw] md:w-[44vw] mx-auto h-fit max-h-[45vh] md:max-h-[60vh] fixed inset-x-0 top-[30vh] z-40 flex-col items-center bg-bg_secondary rounded-xl overflow-y-scroll no-scrollbar hidden">
     <div id="defresults" class="defresults w-full flex flex-col justify-start px-2 mt-1">
         <p class="text-xs text-accent_three mt-3 mb-2 mx-1">PAGE NAVIGATION</p>
         <div class="group resultitem w-full flex justify-between items-center my-1 p-1 cursor-pointer hover:bg-bg_third transition transform duration-200 rounded-lg" onclick="location.href='<?php echo $basePath ?>'">
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index e0294cf..a2017d2 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -1054,6 +1054,10 @@ video {
   height: 100vh;
 }
 
+.max-h-\[45vh\] {
+  max-height: 45vh;
+}
+
 .w-0 {
   width: 0px;
 }
@@ -1976,6 +1980,10 @@ video {
     height: 60vh;
   }
 
+  .md\:max-h-\[60vh\] {
+    max-height: 60vh;
+  }
+
   .md\:w-\[150px\] {
     width: 150px;
   }