[BluePrint]: Color Modal Overlapping UI and Difficult to Close

[Shoaibdev7]

Problem:

• The color modal is overlapping the Create Type Modal and the Blueprint Header. Additionally, the color modal is difficult to close once opened.

We need to make it dynamic dependant on width of the screen

closes: #2299

Issue ticket number and link:

• Ticket Number: [ 2299 ]
• Link: [ https://github.com/[BluePrint]: Color Modal Overlapping UI and Difficult to Close #2299 ]

Evidence:

https://www.loom.com/share/94fd4a8fd4114d2fbca5385b5a194aba

Acceptance Criteria

• The color modal should no longer overlap with other modals or headers.
• The modal should be easier to close once opened.
• The modal should adjust dynamically depending on screen width.

[Shoaibdev7]

Hi @tomsmith8, @Rassl, Please review this PR.

[tomsmith8]

Seems like this is not fixed:

• We should probably add a close button to ensure we can at least close if the original button is hidden

[Shoaibdev7]

Seems like this is not fixed:

• We should probably add a close button to ensure we can at least close if the original button is hidden

@tomsmith8, Got it! I'll add a close button to ensure it's always accessible. Thanks for the feedback!

[tomsmith8]

Or maybe like this:

[Shoaibdev7]

Or maybe like this:

@tomsmith8, adding a close button sounds like a good solution. What’s your opinion?

[tomsmith8]

Let's go with close button