From 0120bc73c5212ad50a68b9f4e9fc75f5a9801dfe Mon Sep 17 00:00:00 2001
From: =?utf8?q?Paul=20H=C3=A4nsch?= <paul@plutz.net>
Date: Mon, 7 Sep 2020 03:36:09 +0200
Subject: [PATCH] display stickynote fully when hovering

---
 therapies/page.sh     |  2 +-
 therapies/therapy.css | 22 ++++++++++++----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/therapies/page.sh b/therapies/page.sh
index bbe845b..a36505f 100755
--- a/therapies/page.sh
+++ b/therapies/page.sh
@@ -57,7 +57,7 @@ therapy_sessions(){
 	]
 	EOF
 
-  seq $((n - 1)) -1 1 | while read n; do
+  for n in $(seq $((n - 1)) -1 1); do
     session_n="$n"
     sid=session${session_n}
 
diff --git a/therapies/therapy.css b/therapies/therapy.css
index 15412b9..323f048 100644
--- a/therapies/therapy.css
+++ b/therapies/therapy.css
@@ -164,28 +164,29 @@ input.stickynote + .stickynote:nth-of-type(2n) {
 }
 
 input.stickynote + .stickynote > * { display: none; }
+input.stickynote + .stickynote > textarea {
+  display: block;
+  position: absolute;
+  left; 0; right: 0; bottom: 0; top: 0;
+  width: 100%; height: 100%;
+  background-color: #FF8;
+  padding: 2em 1em;
+}
 input.stickynote + .stickynote > label {
   position: absolute;
-  top: 0; bottom: 0; right: .5ex;
+  top: 0; bottom: 0; right: .5ex; left: 0;
   display: block;
   text-align: right;
   font-weight: bold;
+  z-index: 1;
 }
 input.stickynote + .stickynote:hover {
-  left: -1ex;
+  width: auto; left: 0em; right: 2em;
 }
 input.stickynote:checked + .stickynote {
   width: auto; left: 1em; right: 1em;
 }
 input.stickynote:checked + .stickynote > * { display: block; }
-input.stickynote:checked + .stickynote > textarea {
-  display: block;
-  position: absolute;
-  left; 0; right: 0; bottom: 0; top: 0;
-  width: 100%; height: 100%;
-  background-color: #FF8;
-  padding: 2em 1em;
-}
 input.stickynote:checked + .stickynote > button[type="submit"] {
   display: block;
   position: absolute;
@@ -254,6 +255,7 @@ fieldset.color > input.color + label {
     width: 38%;
     margin-right: 0;
   }
+  input.stickynote + .stickynote:hover { right: calc(50% + 1em); }
   input.stickynote:checked + .stickynote { right: 50%; }
   fieldset.penwidth,
   fieldset.color { position: fixed; }
-- 
2.39.2