Merge pull request #112 from Fausto95/master

Improve Buttons UX
This commit is contained in:
Faustino Kialungila 2020-01-04 15:37:03 +01:00 committed by GitHub
commit 2db035d9c0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -51,6 +51,9 @@ body {
border-radius: 3px; border-radius: 3px;
} }
.tool input[type="radio"]:hover + .toolIcon {
background-color: #e7e5e5;
}
.tool input[type="radio"]:checked + .toolIcon { .tool input[type="radio"]:checked + .toolIcon {
background-color: #bdbebc; background-color: #bdbebc;
} }
@ -67,6 +70,10 @@ input[type="number"] {
width: 30px; width: 30px;
} }
input[type="color"] {
margin: 2px;
}
input { input {
margin-right: 5px; margin-right: 5px;
} }
@ -75,8 +82,19 @@ button {
background-color: #ddd; background-color: #ddd;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
margin: 2px 0;
padding: 5px; padding: 5px;
outline: none;
}
button:hover {
background-color: #e7e5e5;
border-color: #d6d4d4;
}
button:active {
background-color: #bdbebc;
border-color: #bdbebc;
} }
button:disabled { button:disabled {