Merged headers

This commit is contained in:
Maxim Stewart 2019-07-03 23:36:59 -05:00
parent 0d7824a1de
commit caef5ccda0
3 changed files with 10 additions and 9 deletions

View File

@ -30,13 +30,18 @@
<button type="button" onclick="clearSearch()" title="Clears search..." >Clear Search</button> <button type="button" onclick="clearSearch()" title="Clears search..." >Clear Search</button>
<button onclick="getFavesList(); tgglElmView('favesList')">Faves List &#8597;</button> <button onclick="getFavesList(); tgglElmView('favesList')">Faves List &#8597;</button>
<button type="button" onclick="lockFolders()" title="Lock unlocked folders..." >Lock Unlocked Folders</button> <button type="button" onclick="lockFolders()" title="Lock unlocked folders..." >Lock Unlocked Folders</button>
</h2>
<h2 id="fullPathHeader"> <br/>
<button type="button" id="faves" onclick="faveManager(this)" title="Add/Delete from favorites..." >&#9734;</button> <button type="button" id="faves" onclick="faveManager(this)" title="Add/Delete from favorites..." >&#9734;</button>
Path:<span id="path"></span> Path:<span id="path"></span>
</h2> </h2>
<!-- <h2 id="fullPathHeader">
<button type="button" id="faves" onclick="faveManager(this)" title="Add/Delete from favorites..." >&#9734;</button>
Path:<span id="path"></span>
</h2> -->
<div id="popOutControls" style="display:none;"> <div id="popOutControls" style="display:none;">
<center> <center>
<form> <form>

View File

@ -26,7 +26,7 @@
z-index: -999; z-index: -999;
} }
#controls, #fullPathHeader, #dynUl, #controls, #dynUl,
.errorStyling, .dirStyle, .movieStyle, .fileStyle { .errorStyling, .dirStyle, .movieStyle, .fileStyle {
display: block; display: block;
width: 100%; width: 100%;
@ -61,19 +61,16 @@
padding-right: 1em; padding-right: 1em;
} }
#fullPathHeader,
#controls { #controls {
display: block; display: block;
position: fixed; position: fixed;
z-index: 999; z-index: 999;
top: 0em;
} }
#controls { top: 0em; }
#fullPathHeader { top: 2em; }
#dynUl { #dynUl {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(15em, auto)); grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
grid-column-gap: 1em; grid-column-gap: 1em;
grid-row-gap: 1em; grid-row-gap: 1em;
margin: 5em auto; margin: 5em auto;

View File

@ -104,7 +104,6 @@ const updateHTMLDirList = async (data) => {
!thumbnail.includes("favicon.png")) { !thumbnail.includes("favicon.png")) {
const clone = imgClone.cloneNode(true); const clone = imgClone.cloneNode(true);
let imgTag = clone.firstElementChild; let imgTag = clone.firstElementChild;
console.log(imgTag);
imgTag.src = dirPath + '/' + thumbnail; imgTag.src = dirPath + '/' + thumbnail;
imgTag.alt = thumbnail; imgTag.alt = thumbnail;
insertArea.appendChild(clone); insertArea.appendChild(clone);