more tiny tweaks
This commit is contained in:
parent
5a42e1ee02
commit
2719a31516
2 changed files with 29 additions and 0 deletions
|
@ -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', () => {
|
||||
|
|
21
styles.css
21
styles.css
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue