From 798658a826dace5d18107a00b7c01f0ee0e9ab64 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Sat, 30 Mar 2024 19:58:55 -0700
Subject: WIP: line draw, localstorage settings
---
style.css | 38 ++++++++++++++++++++++++++++++--------
1 file changed, 30 insertions(+), 8 deletions(-)
(limited to 'style.css')
diff --git a/style.css b/style.css
index 68e5294..8de53aa 100644
--- a/style.css
+++ b/style.css
@@ -8,14 +8,21 @@ body {
svg {
background-color: darkgray;
flex-basis: 100%;
- /* transform: rotate(-90deg);
- transform-origin: center; */
/* max-height: 50vh; */
/* max-height: 100vw; */
}
svg text {
user-select: none;
+ font-size: 4px;
+ fill: white;
+ stroke: black;
+ stroke-width: 0.2px;
+ font-weight: bold;
+ transform: translateY(6px);
+ font-family: monospace;
+ text-anchor: middle;
+ /* display: none; */
}
div#content {
@@ -27,6 +34,7 @@ div#content {
max-height: 100vh;
flex-direction: column;
/* padding: 2px; */
+ position: relative;
}
#content > div:first-of-type {
@@ -34,6 +42,23 @@ div#content {
border-bottom: 1px solid gray;
}
+#content > div {
+ display: none;
+}
+
+#content input[type="checkbox"].visible {
+ position: absolute;
+ right: 0;
+}
+
+#content:has(input[type="checkbox"].visible:checked) > div {
+ display: block;
+}
+
+#content:has(input[type="checkbox"].visible:checked) div#record-sheet {
+ display: flex;
+}
+
#record-sheet {
/* max-height: 100%; */
overflow-y: auto;
@@ -73,13 +98,14 @@ div#content {
}
svg > defs > #point {
- fill: transparent;
+ fill: teal;
+ fill-opacity: 0.5;
stroke: black;
stroke-width: 0.5px;
}
use[href="#point"] {
- opacity: 0;
+ opacity: 0.2;
}
use[href="#point"].active {
@@ -90,10 +116,6 @@ g#points {
transform: translate(19px, 31px) scale(4);
}
-g#test {
- transform: scale(2);
-}
-
#background {
fill: #bacae3;
}
--
cgit v1.2.3