|
|
what follows represent the current state of the application, some part of the design haven't been implemented yet, the goal, is t
|
|
|
|
|
|
Different states:
|
|
|
|
|
|
- normal: item is in none of below states
|
... | ... | @@ -6,7 +8,20 @@ Different states: |
|
|
- focused: keyboard has the focus on the element, only one element in the interface can have the focus
|
|
|
- enabled: some buttons acts as as a toggle, which can be activated or disabled
|
|
|
|
|
|
what folows represent the current state of the application
|
|
|
|
|
|
Grid item
|
|
|
|
|
|
|
|
|
| state | dark | light |
|
|
|
| ------ |------ | ------ |
|
|
|
| normal | ![Screenshot_20210421_164839](uploads/5a72abaa51e2017283a70771263df261/Screenshot_20210421_164839.png)
|
|
|
| hover |
|
|
|
| focused |
|
|
|
| focused+hover |
|
|
|
| selected |
|
|
|
| selected + hover |
|
|
|
| selected + focus |
|
|
|
|
|
|
|
|
|
Tab bar button
|
|
|
|
... | ... | @@ -20,3 +35,14 @@ Tab bar button |
|
|
|
|
|
|
|
|
|
|
|
| state | dark | light |
|
|
|
| ------ |------ | ------ |
|
|
|
| normal |
|
|
|
| hover |
|
|
|
| focused |
|
|
|
| focused+hover |
|
|
|
| selected |
|
|
|
| selected + hover |
|
|
|
| selected + focus |
|
|
|
|
|
|
|