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

inline style a dumb

master
Bel LaPointe 2022-02-10 11:59:09 -07:00
parent 0c3789af54
commit 495777ca52
1 changed files with 44 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -32,9 +32,33 @@
flex-direction: row;
width: calc(100% - 1em);
}
.filetreelink {
.fullscreen {
width: 90%;
max-width: 1024px;
margin: auto;
}
.columns {
display: flex;
flex-direction: row;
}
.rows {
width: 100%;
display: flex;
flex-direction: column;
}
.thic_flex {
text-align: left;
flex-grow: 1;
}
.mia {
display: none;
}
.lr_buffer {
margin-left: 5%;
margin-right: 5%;
}
.monospace {
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}
</style>
<script>
@ -151,13 +175,13 @@
}
function enableMDE() {
document.getElementById("searchResults").style.display = "none";
document.getElementById("article").style.display = "";
document.getElementById("searchResults").className = "mia";
document.getElementById("article").className = "";
}
function disableMDE() {
document.getElementById("article").style.display = "none";
document.getElementById("searchResults").style.display = "";
document.getElementById("article").className = "mia";
document.getElementById("searchResults").className = "";
}
function setMDE(id, title, body) {
@ -213,12 +237,12 @@
function htmlifyBranch(id, branch) {
const maxTreeTitleLength = 35
var parent = `
<input class="filetreelink" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/>
<input class="thic_flex" type="button" value="${branch.Leaf.Title.substr(0, maxTreeTitleLength)}" onclick="drawFile('${id}');"/>
<input type="button" value="+" onclick="drawNewFile('${id}');"/>
`
if (id == "") {
parent = `
<span style="flex-grow:1"></span>
<span class="thic_flex"></span>
<input type="button" value="+" onclick="drawNewFile('${id}');"/>
`
}
@ -264,31 +288,32 @@
}
</script>
</header>
<body style="width: 90%; max-width: 1024px; margin: auto;" onload="init(); return false;">
<div style="width: 100%; display: flex; flex-direction: column;">
<form action="return false;" style="margin: 1em; display: flex; flex-direction: row;">
<input type="text" id="searchbox" style="flex-grow: 1;" placeholder="search regexp"/>
<body class="fullscreen" onload="init(); return false;">
<br>
<div class="rows">
<form class="columns" action="return false;">
<input class="thic_flex" type="text" id="searchbox" placeholder="search regexp"/>
<input type="submit" value="search" onclick="searchFiles(); return false;"/>
</form>
<div style="width: 100%; display: flex; flex-direction: row; flex-grow: 1;">
<div class="columns thic_flex">
<div id="tree" class="filetree"></div>
<div style="flex-grow: 1; margin-left: 1em; max-width: 1024px;">
<article id="searchResults" style="display: none">
<div class="thic_flex fullscreen" style="margin-left: 1em;">
<article id="searchResults" class="mia">
</article>
<article id="article" style="display: none">
<article id="article" class="mia">
<div>
<h1 style="display: flex; flex-direction: row;">
<input type="submit" value="SAVE" onclick="pushFile(); return false;" style="margin-left: 5%; margin-right: 5%"/>
<h1 class="columns">
<input type="submit" class="lr_buffer" value="SAVE" onclick="pushFile(); return false;"/>
<span id="titlePath">
</span>
<span id="title" contenteditable style="flex-grow: 1;"></span>
<span id="title" class="thic_flex" contenteditable></span>
<input type="submit" value="DELETE" onclick="deleteFile(); return false;"/>
</h1>
</div>
<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
</div>
<!-- todo: each line no is an anchor -->
<div style="font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;">
<div class="monospace">
<textarea id="my-text-area"></textarea>
</font>
</article>