Improve visibility of Save button on Settings page

[gorkem-bwl]

Currently, when users make changes on any of the Settings page, the Save button is often not visible because it sits at the very bottom of the page. This can cause confusion, as users might think their changes are automatically saved.

Proposed solutions:

• Make the Save button sticky at the bottom of the viewport so it's always visible while scrolling.

• Alternatively (or additionally), show a small banner or notification ("You have unsaved changes") once the user modifies a setting, with a visible Save button inside the banner.

Expected behavior: Users should always be clearly aware that their changes are unsaved and should be able to easily access the Save button at any time without needing to scroll to the bottom.

[Thirukumaran-T]

Hi, I'd love to work on this enhancement. Could you please assign it to me?

[gorkem-bwl]

Sure thing @Thirukumaran-T - please check this link for anything contributing related :)

Thank you for your interest and please let me know a rough deadline to complete this task.

[Thirukumaran-T]

Hi @bluewave-labs,

Thanks for the details! I’ve started working on the save-button-enhancement as per the contributing guidelines.

Could you please let me know if there’s a preferred timeline or deadline you'd like me to follow for completing this task?

Looking forward to your guidance!

[gorkem-bwl]

Hi @bluewave-labs,

Thanks for the details! I’ve started working on the save-button-enhancement as per the contributing guidelines.

Could you please let me know if there’s a preferred timeline or deadline you'd like me to follow for completing this task?

Looking forward to your guidance!

It would be great if you can send your pr by next week.

Let me know if you need help with the design.

[Thirukumaran-T]

Yes, I'll send a PR within the week.

I could use your help with the design. could you send over some images and details so we can get a better idea of what we can do?

[gorkem-bwl]

Very roughtly it'll look like this one. There might be minor look and feel changes, as we are not using Figma anymore due to the fact that our initial Figma designs are very different from what you see on the dashboard design-wise (Figma designs are quite old).

You may want to add:

• A slight shadow on the upper part of the white block so it stands out
• Change the transparency settings of the block a bit so the user would know there is a part of the UI underneath.

Let me know what you think!

[Thirukumaran-T]

.. this is not the final output , as of now i have made the button should be sticky, comment your thoughts is it fine or we make the save button sticky and make an snackbar to make the user aware that their changes are unsaved .