things look like somethin

master
Bel LaPointe 2022-02-10 15:06:33 -07:00
parent 321b383c34
commit 65ebfff082
1 changed files with 21 additions and 11 deletions

View File

@ -36,19 +36,24 @@
min-width: 10em;
}
.filedetails {
padding-inline-start: 1em;
margin-top: .35em;
margin-bottom: .35em;
padding-inline-start: 2em;
}
#tree > .filedetails {
padding-inline-start: 0em;
}
.fileleaf {
display: inline-flex;
flex-direction: row;
width: calc(100% - 1em);
}
.fullscreen {
.lr_fullscreen {
width: 90%;
max-width: 1024px;
margin: auto;
margin-right: auto;
margin-left: auto;
}
.tb_fullscreen {
margin-top: 1em;
}
.columns {
display: flex;
@ -66,15 +71,20 @@
.mia {
display: none;
}
.tb_buffer {
margin-top: 1em;
margin-bottom: 1em;
}
.lr_buffer {
margin-left: 5%;
margin-right: 5%;
margin-left: 5em;
margin-right: 5em;
}
.monospace {
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}
.lil_btn {
width: initial;
display: inline-block;
}
input, label, textarea {
margin: initial;
@ -213,7 +223,7 @@
var titlePath = "/"
for (var pid in pids) {
titlePath += ` <input type="button" value="${pids[pid]}" onclick="drawFile('${pids.slice(0, pid+1).join("/")}');"/> /`
titlePath += ` <input type="button" class="lil_btn" value="${pids[pid]}" onclick="drawFile('${pids.slice(0, pid+1).join("/")}');"/> /`
}
enableMDE()
@ -307,16 +317,16 @@
}
</script>
</header>
<body class="fullscreen" onload="init(); return false;">
<body class="lr_fullscreen tb_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 class="info lil_btn" type="submit" value="search" onclick="searchFiles(); return false;"/>
</form>
<div class="columns thic_flex">
<div class="columns thic_flex tb_buffer">
<div id="tree" class="filetree"></div>
<div class="thic_flex fullscreen" style="margin-left: 1em;">
<div class="thic_flex lr_fullscreen" style="margin-left: 1em;">
<article id="searchResults" class="mia">
</article>
<article id="article" class="mia">