ui_ig:style_guide:buttons
Differences
This shows you the differences between two versions of the page.
| ui_ig:style_guide:buttons [2024/04/25 13:33] – created sleary | ui_ig:style_guide:buttons [2024/04/25 17:14] (current) – sleary | ||
|---|---|---|---|
| Line 2: | Line 2: | ||
| ===== Color Usage ===== | ===== Color Usage ===== | ||
| + | |||
| + | Yellow is no longer used as a button color in the staff client | ||
| + | for normal actions such as closing dialogs that do not involve | ||
| + | a condition that actually requires a warning. | ||
| + | |||
| + | Instead, light grey is used as a default color for buttons | ||
| + | that do secondary actions, with a variant that includes red | ||
| + | upon hover or activation for actions that remove data or clear | ||
| + | form input. | ||
| + | |||
| + | The `btn-warning` CSS class should be avoided in the staff interface | ||
| + | unless needed for actions that truly require a warning. Instead, | ||
| + | `btn-normal` should be used for secondary actions such as closing | ||
| + | a dialog and `btn-destroy` for actions that would remove or clear | ||
| + | data. | ||
| See [[https:// | See [[https:// | ||
ui_ig/style_guide/buttons.txt · Last modified: 2024/04/25 17:14 by sleary