From f31ed7d781fb36d9b4debe7287b11badd8d7f75a Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 24 Aug 2021 19:07:19 +0200
Subject: add legend, filter visible nodes

---
 public/assets/css/css.css | 35 ++++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

(limited to 'public/assets/css')

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index fd62f45..f976e8f 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -14,9 +14,38 @@ body {
   padding: 4px;
   max-width: 250px;
   text-align: center;
-  font-size: 18px !important;
-  line-height: 1.3;
-  font-family: serif !important;
+  font-size: 1rem !important;
+  line-height: 1.5;
+  font-family: "Merriweather", serif !important;
+}
+
+/** Legend */
+
+.legend {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  font-size: 1rem;
+  line-height: 1.25;
+  padding: 1rem;
+  margin: 1rem 2rem;
+  background: rgba(0, 0, 0, 0.5);
+  text-transform: capitalize;
+  font-variant: small-caps;
+  color: #fff;
+  transition: opacity 0.2s;
+}
+.legend div {
+  cursor: pointer;
+}
+.legend div:hover {
+  text-decoration: underline;
+}
+.legend .selected {
+  text-decoration: underline;
+}
+.legend .unselected {
+  opacity: 0.8;
 }
 
 /** Detail view */
-- 
cgit v1.2.3-70-g09d2