more tiny tweaks

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

View file

@ -43,7 +43,15 @@ function buttonInputClick() {
}
})
input.addEventListener("keypress", function(event) {
if (event.key === "Enter") {
event.preventDefault();
button.click();
}
});
this.parentNode.insertBefore(buttonInput, this.nextSibling)
input.focus()
}
document.addEventListener('DOMContentLoaded', () => {

View file

@ -24,6 +24,10 @@ img.u-featured {
button.icon-button {
line-height: 24px;
background-color: #666289;
color:#fff;
border:none;
border-radius:4px;
}
button.icon-button>img {
max-height: 24px;
@ -33,6 +37,23 @@ button.icon-button>img {
.button-input-container>label{
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{
max-height: 1em;
vertical-align: middle;