gogs
/
notea-de-me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mocking

master
Bel LaPointe 2022-02-08 16:04:29 -07:00
parent e766a205a1
commit 4d63e43eb1
1 changed files with 37 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
spike/review/reinvent/ezmded/ui/index.html
View File

@ -9,26 +9,48 @@
#tree { #tree {
min-width: 180px; min-width: 180px;
} }
#tree ul { #tree details {
padding-inline-start: 1em; padding-inline-start: 1em;
} }
details {
margin-top: .35em;
margin-bottom: .35em;
}
</style> </style>
</header> </header>
<body> <body style="width: 90%; max-width: 1024px; margin: auto;">
<div style="width: 100%; margin: auto; max-width: 1024; display: flex; flex-direction: columns;"> <div style="width: 100%; display: flex; flex-direction: column;">
<details> <div style="margin: 1em; display: flex; flex-direction: row;">
<summary style="min-width: 60px;">Tree</summary> <input type="text" style="flex-grow: 1;"/>
<input type="submit" value="search"/>
</div>
<div style="width: 100%; display: flex; flex-direction: row; flex-grow: 1;">
<details open>
<summary style="min-width: 60px;">
<div style="display: inline-flex; flex-direction: row; width: calc(100% - 1em);">
<a href="#?f=" style="flex-grow: 1"><input type="button" value="Tree" style="width: 100%; text-align: left;"/></a>
<input type="button" value="+"/>
</div>
</summary>
<div id="tree"> <div id="tree">
<ul> <details open>
<li>hi</li> <summary>L1</summary>
<ul><li>subhi</li></ul> <details open>
</ul> <summary>L2</summary>
</details>
</details>
</div> </div>
</details> </details>
<article style="flex-grow: 1;"> <article style="flex-grow: 1; margin-left: 1em;">
<h1 style="display: flex; flex-direction: row;">
<a href="#?abc">Tree</a> /
<a href="#?def">L1</a> /
<span id="title" contenteditable style="flex-grow: 1;">L2</span>
</h1>
<textarea id="my-text-area"></textarea> <textarea id="my-text-area"></textarea>
</article> </article>
</div> </div>
</div>
</body> </body>
<footer> <footer>
<script> <script>