Grant Cycle UI is responsive for laptop, iPad, and desktop. We fixed the styling of the button so that it doesn't overlay on the Edit Cycle popup.
Impacted areas in the application:
Settings.js
Describe the steps you took to test your changes:
Tested out different styling using the inspect feature. Added logic so the button is gray when disabled (stays gray when hovered over), and then turns to brand color green when it is enabled. Added opacity of 1 when disabled so the button does not overlay the popup when editing a grant cycle.
If this ticket involves any UI or email changes, please provide a screenshot that shows the updated UI
List general components of the application that this PR will affect:
Settings.js
Zenhub Link:
https://app.zenhub.com/workspaces/ksf-5f23520d91f7ee00134cbaf6/issues/the-difference-engine/ksf/275
Describe the problem being solved:
Grant Cycle UI is responsive for laptop, iPad, and desktop. We fixed the styling of the button so that it doesn't overlay on the Edit Cycle popup.
Impacted areas in the application:
Settings.js
Describe the steps you took to test your changes:
Tested out different styling using the inspect feature. Added logic so the button is gray when disabled (stays gray when hovered over), and then turns to brand color green when it is enabled. Added opacity of 1 when disabled so the button does not overlay the popup when editing a grant cycle.
If this ticket involves any UI or email changes, please provide a screenshot that shows the updated UI
List general components of the application that this PR will affect: Settings.js
PR checklist