Make callout block component dismissible (optionally)

[nlhkabu]

Right now, we have 2 notification bars at the top of PyPI.io

It would be nice to allow the users to dismiss these notifications, and remember that they've been dismissed.

If someone would be willing to make a PR with a simple 'close' link, I can style the button :)

---

Good First Issue: This issue is good for first time contributors. If you've already contributed to Warehouse, please work on another issue without this label instead. If there is not a corresponding pull request for this issue, it is up for grabs. For directions for getting set up, see our Getting Started Guide. If you are working on this issue and have questions, please feel free to ask them here, #pypa-dev on Freenode, or the pypa-dev mailing list.

[nlhkabu]

@di - I feel like I should apply the 'good first issue' label here, but I'm not sure about the complexity of adding a cookie, etc. Can you please confirm? Thx

[di]

Yep, I think this could be done pretty easily on the frontend with a Stimulus.js controller and Document.cookie.

[nlhkabu]

I should be more specific here - we don't necessarily want to make all of the notification-bars dismiss-able - just the option to dismiss them in some cases.

In the same way, it would be nice for users to be able to remove documentation information boxes (callout-block component) and for PyPI to remember this preference, e.g.

Again, we don't want to make all callout-blocks dismiss-able - just in some cases :)

[di]

So, ideally, we could add a "dismissable" controller that would hide the target element, which we could reuse for pretty much anything.

[nlhkabu]

I can make a PR with the appropriate CSS styles if someone else can provide the JS :)

[brainwane]

@aalmazan now that cryvate's started working again on that other issue, would you like to try this one?

[aalmazan]

@brainwane Sure thing. Submitted a partial PR with a quick question in #3202 .

[nlhkabu]

Notification bars are now dismissible, thanks to #3202
This issue now only relates to the callout-block component, which we'd also like the user to be able to dismiss :)

[brainwane]

Is #3361 a duplicate of this?

[di]

No, the callout blocks are the things that look like this:

[di]

@99 is working on this!

[ewjoachim]

I see this ticket is linked to a merged PR. Should we close it or is it still applicable ?