search

pollei / TicTacToe-java

TicTacToe game for SFCC CS141
GNU General Public License v3.0
0 stars 0 forks source link

ttt.html style changes to radio buttons for ux improvement #10

Closed pollei closed 2 years ago

pollei commented 2 years ago

Currently there are a few radio buttons with labels that are side-by-side thus "it hard to tell with which label corresponds to which option".

https://uxplanet.org/radio-buttons-ux-design-588e5c0a50dc Some ideas include vertical-stacking and/or an outline think about : :focus and if selected . Maybe even change background color

https://developer.mozilla.org/en-US/docs/Web/CSS/outline https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

pollei commented 2 years ago

https://github.com/pollei/TicTacToe-java/commit/47c04e8b513d4eeb068f7867cb231331c091a9de closes issue used outline on :hover . used outline, but didn't use boxshadow, or vertical-stacking. Mostly, it was moving input tag in label tag and adding margin and padding to make association clearer by having more whitespace between unrelated elements