Utilizes the css transform method and css media queries to make the mobile experience basically just a minified version of the desktop experience. Honestly not to shabby. One thing that will probably need to be changed is the card sizeing for the client player. But that can be another task.
Fun fact. if you provide multiple arguments to the transform property, it will apply them in the order they are given. So if you are doing scaling and translation, order does matter. I did not realize that.
Phone:
IPad:
Desktop:
Linked Issue
resolves #268
Types of changes
[ ] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[x] Breaking change (fix or feature that would cause existing functionality to change)
Merge Checklist
[x] My code follows the code style of this project.
[ ] All new and existing tests passed.
[ ] Any dependent changes have been merged in downstream modules.
[ ] I have provided inline technical documentation (tsdocs) where necessary.
[ ] My change requires a change to the root documentation.
Proposed Changes
Utilizes the css
transformmethod and css media queries to make the mobile experience basically just a minified version of the desktop experience. Honestly not to shabby. One thing that will probably need to be changed is the card sizeing for the client player. But that can be another task.Fun fact. if you provide multiple arguments to the
transformproperty, it will apply them in the order they are given. So if you are doing scaling and translation, order does matter. I did not realize that.Phone:
IPad:
Desktop:
Linked Issue
resolves #268
Types of changes
Merge Checklist
Deployment Notes