Giter VIP home page Giter VIP logo

Comments (4)

bertob avatar bertob commented on July 19, 2024 1

I think this would be fine if we have some kind of centered overlay widget for content warnings, like on Mastodon.

How about a centered pill button with the label "Show Sensitive Content"?

from tuba.

bertob avatar bertob commented on July 19, 2024 1

If the "Show Sensitive Content" label is a button, should the media be revealed only when just the button is clicked or when any of the media is clicked? Currently it's the latter, clicking anywhere in the media box will reveal all the media

That sounds fine to me.

Pill button + OSD looks good to me. I like the visuals with the border for multiple images, but I wouldn't use suggested for this.

from tuba.

GeopJr avatar GeopJr commented on July 19, 2024

Should the "sensitive media" design change? It's very similar to the blurhashes and might cause confusion if the image hasn't loaded yet (CSS blur on top of blurhash). It does match Mastodon's however

  • Sensitive media (CSS blur on fully loaded images)
    Screenshot from 2023-09-05 11-09-19

  • Blurhash from #489 (different image than above)
    Screenshot from 2023-09-05 10-48-59

  • Elk sensitive media
    image

  • Mastodon (similar to Tuba)
    image

from tuba.

GeopJr avatar GeopJr commented on July 19, 2024

(Just in case: this is for 'sensitive media' only, posts have two layers of warnings: One for the whole post (content warnings) and one for the media only ('sensitive media'), a post can have both at the same time or just one of them)

If the "Show Sensitive Content" label is a button, should the media be revealed only when just the button is clicked or when any of the media is clicked? Currently it's the latter, clicking anywhere in the media box will reveal all the media

  • osd + pill
    Screenshot from 2023-09-07 00-25-00
    Screenshot from 2023-09-07 00-25-09

  • pill button (I can work on the background to make it more visible if this is the look we are going for)
    Screenshot from 2023-09-07 00-17-30
    Screenshot from 2023-09-07 00-22-26

Screenshots taken before I changed the text 😅

  • same label as now but in the center (mastodon-like)
    Screenshot from 2023-09-07 00-07-00

  • accent pill
    image

  • accent pill with border
    image

from tuba.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.