From de8236e28745eb3e824318780f6dc22e64120a00 Mon Sep 17 00:00:00 2001
From: Gerben <gerben@treora.com>
Date: Tue, 21 Apr 2020 02:04:04 +0200
Subject: [PATCH] hidden content hover feedback

---
 public/custom-style.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/public/custom-style.css b/public/custom-style.css
index 8e5f68d..f675d4a 100644
--- a/public/custom-style.css
+++ b/public/custom-style.css
@@ -70,12 +70,22 @@ kbd {
   background: #F9FAFB;
 }
 
+details > summary.ui.top.attached.header::marker {
+  font-size: 1.2em;
+}
+
 /* Show a hint of hidden content under a closed folder */
 details:not([open]) > summary.ui.top.attached.header {
   background: linear-gradient(#f9fafb 80%, #ddd 84%, #f9fafb 88%, #ddd 92%, #f9fafb 96%, #ddd);
   padding-bottom: 1.5rem;
 }
 
+details:not([open]) > summary.ui.top.attached.header:hover {
+  /* background: linear-gradient(#f9fafb 75%, #ddd 80%, #f9fafb 85%, #ddd 90%, #f9fafb 95%, #ddd); */
+  /* padding-bottom: 1.75rem; */
+  background: linear-gradient(#f9fafb 80%, #ccc 84%, #f9fafb 88%, #ccc 92%, #f9fafb 96%, #ccc);
+}
+
 .ui.left.attached.button {
   margin-right: 1px;
 }