From aa22136546bd6c75a1d2f2995e5980da08d70c87 Mon Sep 17 00:00:00 2001
From: Cory Lown <corylown@stanford.edu>
Date: Fri, 6 Dec 2024 11:07:38 -0500
Subject: [PATCH] Adjust css of masonry view so keyboard navigation works and
 links are visible on focus

---
 .../blacklight_gallery/_masonry.scss            | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/blacklight_gallery/_masonry.scss b/app/assets/stylesheets/blacklight_gallery/_masonry.scss
index 4b4036a..b89b097 100644
--- a/app/assets/stylesheets/blacklight_gallery/_masonry.scss
+++ b/app/assets/stylesheets/blacklight_gallery/_masonry.scss
@@ -4,9 +4,14 @@
     padding: 0;
     margin: 0;
 
-    &:hover, &:focus {
+    &:hover, &:focus, &:focus-within {
       .caption-area {
-        display: block;
+        left: auto;
+        width: auto;
+        height: auto;
+        clip: unset;
+        max-height: 75%;
+        overflow-y: scroll;
       }
     }
 
@@ -34,14 +39,14 @@
       }
       @extend .bg-dark;
       @extend .text-white;
-      display: none;
       padding: 5px 7px;
       background-color: rgba(0,0,0,0.5) !important;
       position: absolute;
       bottom: 0;
-      overflow-x: hidden;
-      overflow-y: scroll;
-      max-height: 75%;
+      width: 1px;
+      height: 1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
     }
 
     .document-counter {