Redesign Content Warning and filters

[ClearlyClaire]

This removes the stripes, adjust the borders accordingly, widen the click area and slightly rework the styling and wording

Before

After

[antimundo]

This is great, and has been highly requested in #32352

Thanks! :))

[Izorkin]

Is it possible to make CW framing customizable in user settings?

[omentic]

Hello! Thanks for this change, it is much appreciated. My instance started running it and I have some minor feedback. The full content warning modal is rather large, two lines at the least, while content titles themselves are typically rather short. This makes for a lot of unused space. I think it would be nicer if the show/hide modal was on the same line as the title, especially since a lot of the posts on my timeline have content titles (people use it for shop talk, politics, etc).

This is what the current design looks like:

Here is a mockup of what this could like instead, with the content icon removed (for space) and the "show/hide post" dialog on the same line as the title:

If this is desired, I can open a PR. I am going to be writing the CSS for this anyway as a change to my home instance.

[antimundo]

I like your proposal @omentic and I agree that the current modal feels too large

[pwarren]

Hello! Thanks for this change, it is much appreciated. My instance started running it and I have some minor feedback. The full content warning modal is rather large, two lines at the least, while content titles themselves are typically rather short. This makes for a lot of unused space. I think it would be nicer if the show/hide modal was on the same line as the title, especially since a lot of the posts on my timeline have content titles (people use it for shop talk, politics, etc).

If this is desired, I can open a PR. I am going to be writing the CSS for this anyway as a change to my home instance.

I would at least like the custom CSS for my instance please, I've fiddled around with a flexbox on .content-warning, but can't make it look right yet (has been a decade since I did HTML/CSS)