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 { #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;"/>
<div id="tree"> <input type="submit" value="search"/>
<ul> </div>
<li>hi</li> <div style="width: 100%; display: flex; flex-direction: row; flex-grow: 1;">
<ul><li>subhi</li></ul> <details open>
</ul> <summary style="min-width: 60px;">
</div> <div style="display: inline-flex; flex-direction: row; width: calc(100% - 1em);">
</details> <a href="#?f=" style="flex-grow: 1"><input type="button" value="Tree" style="width: 100%; text-align: left;"/></a>
<article style="flex-grow: 1;"> <input type="button" value="+"/>
<textarea id="my-text-area"></textarea> </div>
</article> </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> </div>
</body> </body>
<footer> <footer>