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 ===== | ||
+ | |||
+ | |||