From 94d1b4a08b145dad8556fd536a2e776391406067 Mon Sep 17 00:00:00 2001
From: s-ol <s-ol@users.noreply.github.com>
Date: Wed, 27 Jan 2021 16:07:36 +0100
Subject: collapse on header only

---
 src/ui.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'src/ui.js')

diff --git a/src/ui.js b/src/ui.js
index c7f1090..dc21943 100644
--- a/src/ui.js
+++ b/src/ui.js
@@ -66,6 +66,13 @@ section > header {
 
   color: var(--theme-header-fg);
   background: var(--theme-header-bg);
+
+	cursor: pointer;
+  transition: opacity 0.3s;
+}
+
+section > header:hover {
+  opacity: 0.5;
 }
 
 section > header.small {
@@ -119,11 +126,10 @@ export const Note = ({ id, type, attributedTo, published, content, smallHeader =
       css={{ '--theme-header-bg': backgroundColor }}
       class={type === 'Tombstone' ? 'tombstone' : ''}
       dataset={{ id }}
-      onClick={onHide}
     >
       {smallHeader
-        ? <header class="small" />
-        : <header>
+        ? <header class="small" onClick={onHide} />
+        : <header onClick={onHide}>
             <img src={new URL(attributedTo.icon.url, attributedTo.id)} />
             <span class="user">{username}</span>
             <Space />
-- 
cgit v1.2.3