olyakonstantin/gallery
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

notes and tweaks...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-08-02 17:36:20 +03:00
parent ac95265b64
commit 13cc609b5f
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/grid-n-view.css
View File

@ -122,10 +122,17 @@ body {
} }
/* hover... */ /* hover... */
/* XXX seems a bit convoluted */ /* XXX EXPERIMENTAL -- not sure if this is a good idea...
.gallery:not(.lightboxed) .images:has(:hover) img:not(:hover) {
opacity: 0.8;
filter: saturate(0);
}
*/
.gallery:not(.lightboxed) .images img:not(.current):hover { .gallery:not(.lightboxed) .images img:not(.current):hover {
z-index: calc(var(--base-layer) + 1); z-index: calc(var(--base-layer) + 1);
box-shadow: 0.2em 0.2em 1em 0em rgba(0,0,0,0.8); box-shadow:
0px 0px 0px calc(var(--gallery-current-image-border) / 5) rgba(255,255,255,1),
0.2em 0.2em 1em 0em rgba(0,0,0,0.8);
} }
.gallery:not(.lightboxed) .images img.current:hover { .gallery:not(.lightboxed) .images img.current:hover {
z-index: calc(var(--base-layer) + 1); z-index: calc(var(--base-layer) + 1);

3
grid-n-view.html
View File

@ -66,6 +66,7 @@
- <s>Lightbox: navigation (keyboard / mouse)</s> - <s>Lightbox: navigation (keyboard / mouse)</s>
- <s>Lightbox: fullscreen mode</s> - <s>Lightbox: fullscreen mode</s>
- Gallery: element (???) - Gallery: element (???)
- Would be nice to retain the scroll position on refresh...
- ... - ...
</pre> </pre>
@ -83,7 +84,7 @@
<img src="images/500px/DSC08102.jpg" class="marked"> <img src="images/500px/DSC08102.jpg" class="marked">
<img src="images/500px/6.JPG"> <img src="images/500px/6.JPG">
<img src="images/500px/DSC08102.jpg"> <img src="images/500px/DSC08102.jpg">
<img src="images/500px/2.JPG"> <img src="images/500px/2.JPG" class="marked">
<img src="images/500px/5.JPG"> <img src="images/500px/5.JPG">
</div> </div>
<!-- lightbox --> <!-- lightbox -->