made a start on data grid implementation

2024-10-03 15:33:25 +02:00 · 2024-10-03 15:33:25 +02:00 · 70c15c4094
commit 70c15c4094
parent a543259fe4
12 changed files with 1083 additions and 210 deletions
--- a/src/routes/(editor)/experimental.css
+++ b/src/routes/(editor)/experimental.css
@ -0,0 +1,45 @@
+section.index {
+    display: grid;
+    grid: 100% / auto 1fr;
+    inline-size: 100%;
+    block-size: 100%;
+
+    & > aside {
+        overflow: clip auto;
+        resize: horizontal;
+
+        min-inline-size: 300px;
+        max-inline-size: 75vw;
+        block-size: 100%;
+        padding: 1em;
+        padding-block-start: 1.5em;
+        padding-inline-end: 1em;
+
+        & details {
+            & > summary::marker {
+                content: none;
+                color: var(--text) !important;
+            }
+
+            & span {
+                cursor: pointer;
+            }
+        }
+
+        & ul {
+            padding-inline-start: 0;
+
+            & ul {
+                padding-inline-start: 1.25em;
+            }
+
+            & span {
+                white-space: nowrap;
+            }
+        }
+    }
+
+    & > section {
+        padding-inline: 1em;
+    }
+}