Merge pull request #1594 from anwesha2002/fix/Dropdown_of_search_bar

Fix/dropdown of search bar in upcoming event section
akshitagupta15june · Jun 1, 2024 · 4505de1 · 4505de1
2 parents d29363c + 2ec71d0
commit 4505de1
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/Iskcon/event.css b/Iskcon/event.css
@@ -353,3 +353,16 @@ button.start-btn {
   99%   {color: var(--color-3)}
   100%  {color: var(--color-1)}
 }
+
+.search-container{
+  z-index: 99999;
+  padding: 5px;
+  border-radius: 0.8rem;
+}
+
+#search-results{
+  z-index: 99999;;
+  position: relative;
+  padding: 5px;
+  border-radius: 0.8rem;
+}
diff --git a/Iskcon/event.html b/Iskcon/event.html
@@ -121,7 +121,7 @@ <h1 class="font-semibold uppercase text-md text-indigo-600 mb-5">
 
 
           <div
-               class="cards my-8 w-full justify-center place-items-center">
+               class="cards my-8 w-full justify-center place-items-center " style="z-index: 1">
                <div class="swiper-container">
                 <div class="swiper-wrapper flex-wrap justify-center gap-4">
                 </div>

diff --git a/Iskcon/event.js b/Iskcon/event.js
@@ -47,11 +47,20 @@ document.addEventListener('DOMContentLoaded', () => {
      p.textContent=item.name
      span.textContent=item.place
      p.style.fontSize="1.3rem"
+     p.style.zIndex="99999"
+     p.style.position="relative"
      span.style.fontSize="0.8rem"
+     span.style.zIndex="99999"
+     span.style.position="relative"
      div.appendChild(p)
      div.appendChild(span)
      div.style.padding="0.5rem 1rem"
      div.style.borderBottom="0.1rem solid black"
+     div.style.zIndex="99999"
+     div.style.position="relative"
+     div.style.backgroundColor="#fff"
+     div.style.padding=" 0.8rem"
+
      div.setAttribute('key',index)
      searchResults.appendChild(div)
     })