From 9fda8b376a0b84ca5b67adec65528d4f85be9060 Mon Sep 17 00:00:00 2001
From: Felix Stupp <felix.stupp@banananet.work>
Date: Sun, 6 Nov 2022 13:20:07 +0100
Subject: [PATCH] thumbnail view: show overlay when buttons are displayed

---
 server/templates/macros.htm | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/server/templates/macros.htm b/server/templates/macros.htm
index 6e84b8a..48c07c1 100644
--- a/server/templates/macros.htm
+++ b/server/templates/macros.htm
@@ -121,6 +121,18 @@
             display: block;
             z-index: 10;
         }
+        .thumbnail_view > .overlay {
+            display: block;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color:rgba(0, 0, 0, 0.7);
+            opacity: 0%;
+            transition: opacity .2s linear;
+            z-index: 20;
+        }
         .thumbnail_view > .button_list {
             display: inline-flex;
             flex-wrap: nowrap;
@@ -138,7 +150,9 @@
             transition: opacity .2s linear, visibility .2s linear;
         }
         .thumbnail_view:hover > .button_list,
-        .thumbnail_view:active > .button_list {
+        .thumbnail_view:hover > .overlay,
+        .thumbnail_view:active > .button_list,
+        .thumbnail_view:active > .overlay {
             opacity: 100%;
             visibility: visible;
         }