CW re-design #265

Closed
opened 2023-10-01 14:29:39 +02:00 by aylamz · 4 comments
Member

This is a mock-up, not an actual implementation.
Post with content warning default & expanded.png

This new design has no regular button and instead uses a different (in this case lighter) background to indicate a clickable area. "Click to show" and "Click to hide" texts are added to make it clear that it is clickable. (On mobile, "Tap to show" and "Tap to hide" could be used instead).
Alternatively arrows could be used instead, or in combination with the text; caret-up and caret-down from Phosphor Icons, for example.

For a hover effect, either darker background, lighter background or an outline could work.

This is a mock-up, not an actual implementation. ![Post with content warning default & expanded.png](/attachments/150238d3-47c9-43c0-9dd4-51d70e948fdd) This new design has no regular button and instead uses a different (in this case lighter) background to indicate a clickable area. "Click to show" and "Click to hide" texts are added to make it clear that it is clickable. (On mobile, "Tap to show" and "Tap to hide" could be used instead). Alternatively arrows could be used instead, or in combination with the text; `caret-up` and `caret-down` from Phosphor Icons, for example. For a hover effect, either darker background, lighter background or an outline could work.
aylamz added the
discussion
frontend
enhancement
labels 2023-10-01 14:29:39 +02:00
Member

what with normal posts then?

what with normal posts then?
Author
Member

what with normal posts then?

Posts without CW would look the same as they do now.

> what with normal posts then? Posts without CW would look the same as they do now.
Author
Member

Actually... what if we just extended the button to the post edges, like Sharkey does?
cw_sharkey.png

Actually... what if we just extended the button to the post edges, like Sharkey does? ![cw_sharkey.png](/attachments/a528aecd-6a6a-4066-b123-913355dc853b)
Owner

That's much more sensible imo

That's much more sensible imo
aylamz self-assigned this 2023-11-03 18:53:33 +01:00
zotan closed this issue 2023-11-03 22:31:00 +01:00
Sign in to join this conversation.
No milestone
No project
No assignees
3 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: iceshrimp/iceshrimp#265
No description provided.