[MGNLUI-5353] Polish M6 UI buttons Created: 30/Aug/19  Updated: 08/Jun/21  Resolved: 08/Jun/21

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Anja von Gunten Assignee: Unassigned
Resolution: Won't Do Votes: 0
Labels: M6-UI-2
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Cloners
clones MGNLUI-5126 Polish font styles Closed
supersession
supersedes MGNLUI-5465 Change login button to green button Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Epic Link: M6 UI & UX Improvements

 Description   

Polish some button styles (based on internal & external design review).

Ideally done in collab w/Anja during the sprint.

 

Login

  • change login button to green button style

Sub app footer buttons

  • change secondary button style to green outline & green font #599900

Sub app footer select box

  • create new select box style according to this mock https://zpl.io/VD4Ye7W
  • apply this style to all sub app & dialog footers (mainly language switcher, variant switcher, etc.)

Forms

  • form field buttons:
    • change black button to button with rounded corners (same value as the green button)
    • button height: 35px
    • padding around button: 5px, centre-align in form field

Pages app

  • change default and hover states for icon buttons in green components bar
    • they are not visible enough
    • try to improve by changing opacity

 


Generated at Mon Feb 12 09:25:41 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.