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