YouHaveTrouble/youhavetrouble.github.io
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/youhavetrouble.github.io.git synced 2026-05-11 22:06:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

possibly fix popup issues on mobile safari

Browse Source
This commit is contained in:
YouHaveTrouble
2025-07-26 10:48:18 +02:00
parent f70f421087
commit 0449fc6baa
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ProjectsFeature.astro
+1 -1
View File
@@ -26,7 +26,7 @@ projects.sort((a, b) => a.data.name.localeCompare(b.data.name));
</button> </button>
<div popover id={`project-${[index]}`} class="window popup" aria-label={`Details about ${project.data.name}`} data-title={project.data.name}> <div popover id={`project-${[index]}`} class="window popup" aria-label={`Details about ${project.data.name}`} data-title={project.data.name}>
<div class="buttons"> <div class="buttons">
<button popovertarget={`project-${[index]}`} popovertargetaction="hide" aria-label="Close project details"> <button popovertarget={`project-${[index]}`} popovertargetaction="hide" tabindex="0" aria-label="Close project details">
<span class="icon">❌</span> <span class="icon">❌</span>
</button> </button>
</div> </div>
src/pages/index.astro
+2 -2
View File
@@ -38,13 +38,13 @@ const permalink = Astro?.site?.href ?? '/';
<div class="window-row"> <div class="window-row">
<div class="window" data-title="Projects" id="projects" aria-label="Projects"> <div class="window" data-title="Projects" id="projects" aria-label="Projects">
<div class="buttons"> <div class="buttons">
<button popovertarget="projects-info" popovertargetaction="show" aria-label="Projects info"> <button popovertarget="projects-info" popovertargetaction="show" tabindex="0" aria-label="Projects info">
<span class="icon">ℹ️</span> <span class="icon">ℹ️</span>
</button> </button>
</div> </div>
<div popover="auto" id="projects-info" class="window"> <div popover="auto" id="projects-info" class="window">
<div class="buttons"> <div class="buttons">
<button popovertarget="projects-info" popovertargetaction="hide" aria-label="Close projects info"> <button popovertarget="projects-info" popovertargetaction="hide" tabindex="0" aria-label="Close projects info">
<span class="icon">❌</span> <span class="icon">❌</span>
</button> </button>
</div> </div>