Minor UI improvment
This commit is contained in:
parent
6a62b79a12
commit
d20ee9ab7b
4 changed files with 8 additions and 2 deletions
|
|
@ -20,5 +20,5 @@
|
||||||
"storage",
|
"storage",
|
||||||
"clipboardWrite"
|
"clipboardWrite"
|
||||||
],
|
],
|
||||||
"version": "1.1"
|
"version": "1.1.1"
|
||||||
}
|
}
|
||||||
|
|
@ -25,6 +25,7 @@ body {
|
||||||
color: var(--fg-color);
|
color: var(--fg-color);
|
||||||
max-height: 600px;
|
max-height: 600px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
|
|
@ -32,6 +33,7 @@ input {
|
||||||
color: var(--fg-color);
|
color: var(--fg-color);
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color);
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
|
padding: 2px 4px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
<input type="password" id="entry-secret" required />
|
<input type="password" id="entry-secret" required />
|
||||||
<img id="entry-visibility" class="icon visibility" src="/icons/visibility.svg" />
|
<img id="entry-visibility" class="icon visibility" src="/icons/visibility.svg" />
|
||||||
</div>
|
</div>
|
||||||
<button><img class="icon" src="/icons/add.svg"></button>
|
<button><img class="icon" src="/icons/add.svg" title="Add"></button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
4
popup.js
4
popup.js
|
|
@ -209,10 +209,12 @@ class Entry
|
||||||
action_elt.className = "action"
|
action_elt.className = "action"
|
||||||
let edit_elt = document.createElement('img')
|
let edit_elt = document.createElement('img')
|
||||||
edit_elt.src = "/icons/edit.svg"
|
edit_elt.src = "/icons/edit.svg"
|
||||||
|
edit_elt.title = 'Edit'
|
||||||
edit_elt.addEventListener('click', () => {this.openEdit()})
|
edit_elt.addEventListener('click', () => {this.openEdit()})
|
||||||
action_elt.appendChild(edit_elt)
|
action_elt.appendChild(edit_elt)
|
||||||
let delete_elt = document.createElement('img')
|
let delete_elt = document.createElement('img')
|
||||||
delete_elt.src = "/icons/delete.svg"
|
delete_elt.src = "/icons/delete.svg"
|
||||||
|
delete_elt.title = 'Delete'
|
||||||
delete_elt.addEventListener('click', () => {store.removeEntry(this)})
|
delete_elt.addEventListener('click', () => {store.removeEntry(this)})
|
||||||
action_elt.appendChild(delete_elt)
|
action_elt.appendChild(delete_elt)
|
||||||
header_elt.appendChild(action_elt)
|
header_elt.appendChild(action_elt)
|
||||||
|
|
@ -310,9 +312,11 @@ class Entry
|
||||||
|
|
||||||
let done_elt = document.createElement('img')
|
let done_elt = document.createElement('img')
|
||||||
done_elt.src = "/icons/done.svg"
|
done_elt.src = "/icons/done.svg"
|
||||||
|
done_elt = 'Save'
|
||||||
this.elements.action.appendChild(done_elt)
|
this.elements.action.appendChild(done_elt)
|
||||||
let close_elt = document.createElement('img')
|
let close_elt = document.createElement('img')
|
||||||
close_elt.src = "/icons/close.svg"
|
close_elt.src = "/icons/close.svg"
|
||||||
|
close_elt.title = 'Cancel'
|
||||||
this.elements.action.appendChild(close_elt)
|
this.elements.action.appendChild(close_elt)
|
||||||
|
|
||||||
done_elt.addEventListener('click', () => {
|
done_elt.addEventListener('click', () => {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue