« get me outta code hell

content, css: simplify overlay image positioning, adaptive layout - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2025-03-20 18:30:04 -0300
committer(quasar) nebula <qznebula@protonmail.com>2025-03-20 18:30:04 -0300
commitf0609f5ec4e249b06d782bd805947818dc7c5144 (patch)
tree829dfe87b9329ac7eb8cf3e421dcceda5b5cb327 /src/content/dependencies
parenta42b51cbe00c765981a53918f7532d67c4b650ad (diff)
content, css: simplify overlay image positioning, adaptive layout
Diffstat (limited to 'src/content/dependencies')
-rw-r--r--src/content/dependencies/generatePageLayout.js9
1 files changed, 5 insertions, 4 deletions
diff --git a/src/content/dependencies/generatePageLayout.js b/src/content/dependencies/generatePageLayout.js
index 24b9bdca..3fdc0ea6 100644
--- a/src/content/dependencies/generatePageLayout.js
+++ b/src/content/dependencies/generatePageLayout.js
@@ -540,10 +540,11 @@ export default {
 
     const imageOverlayHTML = html.tag('div', {id: 'image-overlay-container'},
       html.tag('div', {id: 'image-overlay-content-container'}, [
-        html.tag('a', {id: 'image-overlay-image-container'}, [
-          html.tag('img', {id: 'image-overlay-image'}),
-          html.tag('img', {id: 'image-overlay-image-thumb'}),
-        ]),
+        html.tag('span', {id: 'image-overlay-image-area'},
+          html.tag('span', {id: 'image-overlay-image-layout'}, [
+            html.tag('img', {id: 'image-overlay-image'}),
+            html.tag('img', {id: 'image-overlay-image-thumb'}),
+          ])),
 
         html.tag('div', {id: 'image-overlay-action-container'},
           language.encapsulate('releaseInfo.viewOriginalFile', capsule => [