summaryrefslogtreecommitdiff
path: root/doc/ui_guidelines.md
diff options
context:
space:
mode:
authorKieran Cawthray <kieranc@gmail.com>2021-12-05 19:32:29 (GMT)
committerKieran Cawthray <kieranc@gmail.com>2021-12-05 19:32:29 (GMT)
commitc00ad4af352b8573f1bba6b691bc4d74a0d1aa77 (patch)
tree4dcf1509cf0cda12660d386005c203203f522e69 /doc/ui_guidelines.md
parent1b2a8a5a044d01978854b54fd30ed3737a041e9b (diff)
parent85a25302bfac215f9ec7b993f6a2c21a20ee223b (diff)
Merge remote-tracking branch 'upstream/develop' into pts-settings
Diffstat (limited to 'doc/ui_guidelines.md')
-rw-r--r--doc/ui_guidelines.md5
1 files changed, 1 insertions, 4 deletions
diff --git a/doc/ui_guidelines.md b/doc/ui_guidelines.md
index c267b79..0cbd39f 100644
--- a/doc/ui_guidelines.md
+++ b/doc/ui_guidelines.md
@@ -4,13 +4,10 @@
- Buttons should generally be at least 50px high
- Buttons should generally be on the bottom edge
- Make interactable objects **big**
-- Recommendations for inner padding, aka distance between buttons:
- - When aligning 4 objects: 4px, e.g. Settings
- - When aligning 3 objects: 6px, e.g. App list
- - When aligning 2 objects: 10px, e.g. Quick settings
- When using a page indicator, leave 8px for it on the right side
- It is acceptable to leave 8px on the left side as well to center the content
- Top bar takes at least 20px + padding
- Top bar right icons move 8px to the left when using a page indicator
+- A black background helps to hide the screen border, allowing the UI to look less cramped when utilizing the entire display area.
![example layouts](./ui/example.png)