docs: size modes (T10)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -36,6 +36,8 @@ node screenshots.mjs # all pages, light/dark × desktop/mobile → sc
|
|||||||
node screenshots.mjs issue # only pages whose name contains "issue"
|
node screenshots.mjs issue # only pages whose name contains "issue"
|
||||||
node check-form-alignment.mjs # fails if a form label is not level with its field
|
node check-form-alignment.mjs # fails if a form label is not level with its field
|
||||||
node check-font-sizes.mjs # fails if any text is off the type scale (e.g. core 0.9em leftovers)
|
node check-font-sizes.mjs # fails if any text is off the type scale (e.g. core 0.9em leftovers)
|
||||||
|
node check-sizes.mjs # fails if text, fields, buttons or rows are off in a size mode (needs the plugin)
|
||||||
|
SIZE=large node screenshots.mjs # screenshots or check-form-alignment.mjs in a size mode (compact or large; needs the plugin)
|
||||||
```
|
```
|
||||||
|
|
||||||
### Icons
|
### Icons
|
||||||
@@ -52,9 +54,12 @@ the map, so run it after every Redmine update.
|
|||||||
|
|
||||||
### Colors
|
### Colors
|
||||||
|
|
||||||
Each user picks a mode (Auto / Light / Dark), a contrast level (Standard / Medium / High) and a color (Purple, Blue, Green, Orange) in the
|
Each user picks a mode (Auto / Light / Dark), a contrast level (Standard / Medium / High), a size
|
||||||
|
(Compact / Normal / Large) and a color (Purple, Blue, Green, Orange) in the
|
||||||
**Appearance** section of the profile menu (top right; in the mobile menu at the bottom). Auto follows
|
**Appearance** section of the profile menu (top right; in the mobile menu at the bottom). Auto follows
|
||||||
the operating system. Without the plugin, the choice is stored per browser (`localStorage`).
|
the operating system. The size scales text (13 / 14 / 16px) and the height of fields, buttons and
|
||||||
|
table rows (32 / 40 / 48px), also on phones, where Compact makes touch targets smaller than 48px.
|
||||||
|
Without the plugin, the choice is stored per browser (`localStorage`).
|
||||||
|
|
||||||
With the `redmine_tonalmine` plugin:
|
With the `redmine_tonalmine` plugin:
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user