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

(feat): initialised basic share window popup

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-22 23:58:45 +05:30
parent 5fe1a3ae5c
commit 4809a012c4
3 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
htdocs/assets/_floatingbar.php
View File

@@ -99,6 +99,9 @@
</span> </span>
</div> </div>
</div> </div>
</div>
<div id="sharewindow" class="sharewindow w-[90vw] md:w-[44vw] mx-auto h-[45vh] md:h-[60vh] fixed inset-x-0 top-[20vh] z-40 flex-col items-center bg-bg_secondary rounded-xl overflow-y-scroll no-scrollbar hidden">
</div> </div>
<div id="floating-bar" class="fixed inset-x-0 bottom-[7vh] z-[50] flex justify-center items-center"> <div id="floating-bar" class="fixed inset-x-0 bottom-[7vh] z-[50] flex justify-center items-center">
<div id="searchbar" class="searchbar bg-bg_secondary rounded-full p-[0.30rem] flex items-center cursor-pointer mx-2 hover:shadow-[0px_0px_30px] hover:shadow-accent_primary_extratransparent transition transform duration-300"> <div id="searchbar" class="searchbar bg-bg_secondary rounded-full p-[0.30rem] flex items-center cursor-pointer mx-2 hover:shadow-[0px_0px_30px] hover:shadow-accent_primary_extratransparent transition transform duration-300">

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

@@ -9,6 +9,7 @@ const searchTxt = document.getElementById("searchtext");
const searchInput = document.getElementById("searchinput"); const searchInput = document.getElementById("searchinput");
const windowWrapper = document.getElementById("floatingwindowwrapper"); const windowWrapper = document.getElementById("floatingwindowwrapper");
const searchWin = document.getElementById("searchwindow"); const searchWin = document.getElementById("searchwindow");
const shareWin = document.getElementById("sharewindow");
const searchDef = document.getElementById("defresults"); const searchDef = document.getElementById("defresults");
const searchRes = document.getElementById("searchresults"); const searchRes = document.getElementById("searchresults");
const basePath = document.getElementById('phpHostBasePath').dataset.basePath; const basePath = document.getElementById('phpHostBasePath').dataset.basePath;
@@ -305,6 +306,7 @@ function activate_share() {
windowWrapper.classList.add("flotingbar-window-wrapper-show"); windowWrapper.classList.add("flotingbar-window-wrapper-show");
shareBtn.classList.add("hidden"); shareBtn.classList.add("hidden");
shareCloseBtn.classList.remove("hidden"); shareCloseBtn.classList.remove("hidden");
shareWin.classList.remove("hidden");
} }
@@ -313,6 +315,7 @@ function close_share() {
windowWrapper.classList.add("hidden"); windowWrapper.classList.add("hidden");
shareCloseBtn.classList.add("hidden"); shareCloseBtn.classList.add("hidden");
shareBtn.classList.remove("hidden"); shareBtn.classList.remove("hidden");
shareWin.classList.add("hidden");
} }
shareBtn.addEventListener("click", function () { shareBtn.addEventListener("click", function () {

8
htdocs/assets/style.css
View File

@@ -595,6 +595,10 @@ video {
top: 10rem; top: 10rem;
} }
.top-\[10vh\] {
top: 10vh;
}
.top-\[20\.5rem\] { .top-\[20\.5rem\] {
top: 20.5rem; top: 20.5rem;
} }
@@ -607,6 +611,10 @@ video {
top: 4.7rem; top: 4.7rem;
} }
.top-\[20vh\] {
top: 20vh;
}
.z-10 { .z-10 {
z-index: 10; z-index: 10;
} }