General fixes to controls (#831)

* General fixes to controls

Purpose: make input controls consistent with default OpenVK color scheme (which is grayscale)

Additional fixes:
- checkboxes are 15x14, not 14x14.

* Change tints to more UX-friendly

- checkboxes and radio buttons are blue when checked
- enables hover-checked state use in atlas
This commit is contained in:
Vitaly Orekhov 2023-01-18 22:05:33 +03:00 committed by GitHub
parent 80f3a7810c
commit 37d720c906
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions

View file

@ -560,7 +560,8 @@ input[type=radio] {
} }
input[type=checkbox] { input[type=checkbox] {
background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw=="); background-image: url("data:image/gif;base64,R0lGODlhDwA4ALMAAP//////AP8A//8AAAD//wD/AAAA/wAAADtZd8XKzuHh4crKysHBwba2tv///wAAACH5BAEAAA4ALAAAAAAPADgAAASzcMlJqVsg653X5SDgYeE2luaHdup6rmKLvq5c0rMdjlUvXb6eDoRAkFBF4yqZOBKLi2aJSUNomE1VEoCNkRLJYiLB+oLF5LJmjBinnOO0BncDBi2NvH6/dzQUgIGCgA1+g4cKhX+IgoqMjYaPhJGSjpKJlI+WlZmMm5qdiIp8pHl+paShh0WLj0mtiEywg0kMCbOBTAyUCLlolkkKWJiLZ8PEgGxogZtsY5CwcYOfnqeofREAOw==");
width: 15px;
} }
input[type=radio] { input[type=radio] {
@ -577,6 +578,11 @@ input[type=radio]:checked {
background-position: 0 -14px; background-position: 0 -14px;
} }
input[type=checkbox]:checked:hover,
input[type=radio]:checked:hover {
background-position: 0 -42px;
}
#auth { #auth {
padding: 10px; padding: 10px;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 1 KiB