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

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

@ -9,25 +9,47 @@
#tree {
min-width: 180px;
}
#tree ul {
#tree details {
padding-inline-start: 1em;
}
details {
margin-top: .35em;
margin-bottom: .35em;
}
</style>
</header>
<body>
<div style="width: 100%; margin: auto; max-width: 1024; display: flex; flex-direction: columns;">
<details>
<summary style="min-width: 60px;">Tree</summary>
<div id="tree">
<ul>
<li>hi</li>
<ul><li>subhi</li></ul>
</ul>
</div>
</details>
<article style="flex-grow: 1;">
<textarea id="my-text-area"></textarea>
</article>
<body style="width: 90%; max-width: 1024px; margin: auto;">
<div style="width: 100%; display: flex; flex-direction: column;">
<div style="margin: 1em; display: flex; flex-direction: row;">
<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">
<details open>
<summary>L1</summary>
<details open>
<summary>L2</summary>
</details>
</details>
</div>
</details>
<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>
</article>
</div>
</div>
</body>
<footer>