diff --git a/css/grid-n-view.css b/css/grid-n-view.css index 2c723ad..abf40e9 100644 --- a/css/grid-n-view.css +++ b/css/grid-n-view.css @@ -122,10 +122,17 @@ body { } /* 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 { 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 { z-index: calc(var(--base-layer) + 1); diff --git a/grid-n-view.html b/grid-n-view.html index 223b900..bb2036e 100644 --- a/grid-n-view.html +++ b/grid-n-view.html @@ -66,6 +66,7 @@ - Lightbox: navigation (keyboard / mouse) - Lightbox: fullscreen mode - Gallery: element (???) +- Would be nice to retain the scroll position on refresh... - ... @@ -83,7 +84,7 @@ - +