Skip to content

Make 'Save' button's state more visible #5701

@taineriley1

Description

@taineriley1

Is your feature request related to a problem? Please describe.

The 'Save' button is currently disabled when no changes are made to the entry, and is grey in colour. It is enabled when changes are made to the entry, and is blue in colour. However, the difference between the 2 states is not obvious enough. The button needs to be more prominent and easier to distinguish between the states.

Describe the solution you'd like

Change the styling of the button to make it more obvious when enabled.
I suggest making the background color of the button darker to make it stand out against the white more. Making the text of the disabled state a lighter grey would also help.

Describe alternatives you've considered

Any other larger styling changes to the button would make it too different from other buttons in the UI.

Additional context

image
Figure: Disabled 'Save' button

image
Figure: Enabled 'Save' button - colours are soft and similar to grey disabled state

image
Figure: Example of less prominent disabled 'Save' button style

image
Figure: Example of more prominent enabled 'Save' button style

Metadata

Metadata

Assignees

No one assigned

    Labels

    type: featurecode contributing to the implementation of a feature and/or user facing functionality

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions