things look like somethin
parent
321b383c34
commit
65ebfff082
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue