sam.hadow/aliexpress-price-tracker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

button style + input field width for add item

Browse Source
This commit is contained in:
Sam Hadow 2024-02-16 23:51:37 +01:00
parent 4111efca63
commit a2eea73a04
3 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/app.html
View File

@ -21,9 +21,9 @@
<div class="banner"> <div class="banner">
<p></p> <p></p>
<div class="btn-toolbar btn-group-sm" role="toolbar" aria-label="Toolbar"> <div class="btn-toolbar btn-group-sm" role="toolbar" aria-label="Toolbar">
<div class="btn-group mr-2" role="group" aria-label="Add group"> <div class="btn-group mr-2 w-50" role="group" aria-label="Add group">
<input id="additemid" type="text" placeholder="item id" pattern="[0-9]*"> <input id="additemid" type="text" class="form-control input-sm w-15 w-50" placeholder="item id" pattern="[0-9]*">
<input id="addattributes" type="text" placeholder="attributes (comma separated)" pattern="[0-9a-zA-Z, ]*"> <input id="addattributes" type="text" class="form-control input-sm w-15" placeholder="attributes (comma separated)" pattern="[0-9a-zA-Z, ]*">
<button id="addbutton" class="btn btn-secondary" type="button">add</button> <button id="addbutton" class="btn btn-secondary" type="button">add</button>
</div> </div>
<div class="btn-group mr-2" role="group" aria-label="Manage list group"> <div class="btn-group mr-2" role="group" aria-label="Manage list group">
@ -47,9 +47,9 @@
<!--popup manage list--> <!--popup manage list-->
<div id="manageListPopup" class="popup"> <div id="manageListPopup" class="popup">
<div class="popup-content"> <div class="popup-content">
<button id="create_list" type="button">create</button> <button id="create_list" type="button" class="btn btn-secondary">create</button>
<button id="modify_list" type="button">modify</button> <button id="modify_list" type="button" class="btn btn-secondary">modify</button>
<button id="delete_list" type="button">delete</button> <button id="delete_list" type="button" class="btn btn-secondary">delete</button>
</div> </div>
</div> </div>
@ -59,8 +59,8 @@
<p>Create new list</p> <p>Create new list</p>
<input id="listName" type="text" placeholder="name"> <input id="listName" type="text" placeholder="name">
<input id="listDescription" type="text" placeholder="description"> <input id="listDescription" type="text" placeholder="description">
<button id="create_list_add" type="button">add</button> <button id="create_list_add" type="button" class="btn btn-secondary">add</button>
<button id="create_list_cancel" type="button">cancel</button> <button id="create_list_cancel" type="button" class="btn btn-secondary">cancel</button>
<p>Include items</p> <p>Include items</p>
<div id="checkbox-container"></div> <div id="checkbox-container"></div>
</div> </div>
@ -70,8 +70,8 @@
<div id="confirmationPopup" class="popup"> <div id="confirmationPopup" class="popup">
<div class="popup-content"> <div class="popup-content">
<p>Are you sure?</p> <p>Are you sure?</p>
<button id="yesBtn">Yes</button> <button id="yesBtn" type="button" class="btn btn-secondary">Yes</button>
<button id="noBtn">No</button> <button id="noBtn" type="button" class="btn btn-secondary">No</button>
</div> </div>
</div> </div>

2
web/rendergraphs.js
View File

@ -54,6 +54,7 @@ function render_graphs(items, history, show_hidden) {
} else { } else {
hide_button.innerHTML = "show"; hide_button.innerHTML = "show";
} }
hide_button.className = "btn btn-secondary";
hide_button.style.position = "relative"; hide_button.style.position = "relative";
hide_button.style.top = `-${height+margin.bottom}px`; hide_button.style.top = `-${height+margin.bottom}px`;
hide_button.style.left = `${margin.left+20}px`; hide_button.style.left = `${margin.left+20}px`;
@ -64,6 +65,7 @@ function render_graphs(items, history, show_hidden) {
// button to delete item // button to delete item
const del_button = document.createElement("button"); const del_button = document.createElement("button");
del_button.innerHTML = "delete"; del_button.innerHTML = "delete";
del_button.className = "btn btn-secondary";
del_button.style.position = "relative"; del_button.style.position = "relative";
del_button.style.top = `-${height+margin.bottom}px`; del_button.style.top = `-${height+margin.bottom}px`;
del_button.style.left = `${margin.left+30}px`; del_button.style.left = `${margin.left+30}px`;

2
web/style.css
View File

@ -30,7 +30,7 @@ body {
.banner { .banner {
background-color: #30fc66; background-color: #30fc66;
color: #fff; color: #fff;
padding: 10px; padding: 5px;
position: fixed; position: fixed;
z-index: 300; z-index: 300;
top: 0; top: 0;