community:ui_ig:style_guide:buttons
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |||
| community:ui_ig:style_guide:buttons [2025/05/15 17:10] – removed - external edit (Unknown date) 127.0.0.1 | community:ui_ig:style_guide:buttons [2025/05/15 17:10] (current) – ↷ Page moved from ui_ig:style_guide:buttons to community:ui_ig:style_guide:buttons sleary | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | ====== Buttons ====== | ||
| + | |||
| + | ===== 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:// | ||
| + | |||
| + | ===== Icons ===== | ||
| + | |||
| + | ===== Accessibility ===== | ||
| + | |||
| + | |||