From cede0f80d42731b51e7b139fa88883a2f4b97bfb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= <hugo@lysator.liu.se>
Date: Sun, 26 Apr 2020 18:55:07 +0200
Subject: Text event CSS better generalized.

---
 module/output/html.scm |  3 +--
 static/style.css       | 71 +++++++++++++++++++++++++++++---------------------
 2 files changed, 42 insertions(+), 32 deletions(-)

diff --git a/module/output/html.scm b/module/output/html.scm
index 3cf110da..b62b106a 100644
--- a/module/output/html.scm
+++ b/module/output/html.scm
@@ -128,8 +128,7 @@
 
 
 (define (event-debug-html event)
-  `(div (@ (class "eventlist"))
-        ,(fmt-single-event event))
+  (fmt-single-event event)
   #;
   `(table
     (tbody
diff --git a/static/style.css b/static/style.css
index bc22f765..07f25fa3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -138,22 +138,6 @@ The sidebar with all the events
     padding-left: 2px;
 }
 
-.eventlist {
-    white-space: pre-line;
-    font-size: 10pt;
-}
-
-.eventlist h3 {
-    font-size: 12pt;
-    border-bottom: 1px solid var(--gray);
-    margin-bottom: 0;
-    font-weight: 300;
-}
-
-.eventlist article.tentative {
-    border-left-style: dashed;
-}
-
 /* Text day
 ----------------------------------------
 Each event within the eventlist
@@ -491,6 +475,19 @@ along with their colors.
     font-size: 150%;
 }
 
+.eventtext {
+    white-space: pre-line;
+    font-size: 10pt;
+}
+
+.eventtext h3 {
+    font-size: 12pt;
+    border-bottom: 1px solid var(--gray);
+    margin-bottom: 0;
+    font-weight: 300;
+    margin-top: 0;
+}
+
 .eventtext .location {
     display: inline-block;
     vertical-align: text-top;
@@ -506,6 +503,11 @@ along with their colors.
     padding-right: 1em;
 }
 
+.eventlist .eventtext.tentative {
+    border-left-style: dashed;
+}
+
+
 /* */
 
 .longevents .event {
@@ -579,21 +581,30 @@ along with their colors.
 
     background-color: #dedede;
     color: black;
-    border: 2px solid black;
+    border-top-style: solid;
+    border-bottom-style: solid;
+    border-right-style: solid;
+    border-color: black;
 
-    font-size: 8pt;
-    font-family: monospace;
+    /* font-size: 8pt; */
+    /* font-family: monospace; */
 
-    white-space: pre;
-    overflow-y: scroll;
+    /* white-space: pre; */
+    overflow-y: auto;
     max-width: 100ch;
     max-height: 60ch;
+    min-width: 40ch;
 }
 
-.event-inner .popup td {
-    white-space: pre-line;
+.event-inner .popup article {
+    border-left-style: solid;
+    border-left-width: 1em;
 }
 
+/* .event-inner .popup td { */
+/*     white-space: pre-line; */
+/* } */
+
 /* Arrow pointing at origin of popup
    Currently broken due to an overflow: scroll
 */
@@ -610,14 +621,14 @@ along with their colors.
 /*     border-top-color: #555; */
 /* } */
 
-.popup th {
-    text-align: right;
-    vertical-align: top;
-}
+/* .popup th { */
+/*     text-align: right; */
+/*     vertical-align: top; */
+/* } */
 
-.popup th::after {
-    content: ": ";
-}
+/* .popup th::after { */
+/*     content: ": "; */
+/* } */
 
 .popup.show {
     /* visibility: visible; */
-- 
cgit v1.2.3