simon/diy-startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding more structure and id's to the container customization settings menu for more control later

Browse Source
This commit is contained in:
Simon
2025-06-23 23:04:19 -04:00
parent d7372b03bd
commit d756db4fb7
1 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
startpage.html
+10 -4
View File
@@ -672,7 +672,8 @@
document.getElementById("addContainerForm").insertAdjacentHTML( document.getElementById("addContainerForm").insertAdjacentHTML(
"beforeend", "beforeend",
` `
<div id=${this.id + "-bookmark-form"} class="formTitle">add bookmarks</div> <div id=${this.id + "-bookmark-menu"} >
<h1 class="formTitle">add bookmarks</h1>
<div> <div>
<label> enter url: </label> <label> enter url: </label>
<input id=${this.id + "-url-input"} type="text" name="url" /> <input id=${this.id + "-url-input"} type="text" name="url" />
@@ -692,9 +693,11 @@
<br /> <br />
<div id=${this.id + "-settings-form"}> <div id=${this.id + "-customization-menu"}>
<h1 class="formTitle">customize layer</h1>
<div class="formTitle">change background</div> <span id=${this.id + "-background-options"}>
<p class="formTitle">change background</p>
<div> <div>
<label>set background color: </label> <label>set background color: </label>
<input id=${this.id + "-settings-bg-color"} type="color" /> <input id=${this.id + "-settings-bg-color"} type="color" />
@@ -703,10 +706,12 @@
<label>set background opacity (%): </label> <label>set background opacity (%): </label>
<input id=${this.id + "-settings-bg-alpha"} /> <input id=${this.id + "-settings-bg-alpha"} />
</div> </div>
</span>
<br /> <br />
<div class="formTitle">change text</div> <span id=${this.id + "-text-options"}>
<h1 class="formTitle">change text</h1>
<div> <div>
<label>change font (see instructions for more info):</label> <label>change font (see instructions for more info):</label>
<input id=${this.id + "-settings-font-input"} /> <input id=${this.id + "-settings-font-input"} />
@@ -717,6 +722,7 @@
this.id + "-settings-font-name" this.id + "-settings-font-name"
}></span> }></span>
</div> </div>
</span>
<br /> <br />