death.au/death.id.au
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

more tiny tweaks

Browse source
This commit is contained in:
Gordon Pedersen 2022-11-29 17:37:39 +11:00
parent 5a42e1ee02
commit 2719a31516
2 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
js/button-input.js
View file

@ -42,8 +42,16 @@ function buttonInputClick() {
this.style.display = null this.style.display = null
} }
}) })
input.addEventListener("keypress", function(event) {
if (event.key === "Enter") {
event.preventDefault();
button.click();
}
});
this.parentNode.insertBefore(buttonInput, this.nextSibling) this.parentNode.insertBefore(buttonInput, this.nextSibling)
input.focus()
} }
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {

21
styles.css
View file

@ -24,6 +24,10 @@ img.u-featured {
button.icon-button { button.icon-button {
line-height: 24px; line-height: 24px;
background-color: #666289;
color:#fff;
border:none;
border-radius:4px;
} }
button.icon-button>img { button.icon-button>img {
max-height: 24px; max-height: 24px;
@ -33,6 +37,23 @@ button.icon-button>img {
.button-input-container>label{ .button-input-container>label{
display:block; display:block;
} }
.button-input-container>input{
background-color: #666289;
color:#fff;
border:none;
border-radius: 4px;
padding: 4px 66px 4px 6px;
margin-right: -60px;
}
.button-input-container>input:focus{
border:none;
}
.button-input-container>button{
background-color: #666289;
color:#fff;
border-radius: 4px;
border-color: #fff;
}
i>img{ i>img{
max-height: 1em; max-height: 1em;
vertical-align: middle; vertical-align: middle;