search

WordPress / openverse

Openverse is a search engine for openly-licensed media. This monorepo includes all application code.
https://openverse.org
MIT License
215 stars 177 forks source link

Improve display of sensitive images on search result views #4563

Open zackkrida opened 1 week ago

zackkrida commented 1 week ago

Problem

Sensitive images show up as a blurred gradient in the search results grid. When hovered, they show the CC licenses hover "tooltip" behind the sensitive blur.

image

These blurred results may not clearly indicate that they are sensitive results enough. An example I've shared previously is cases where someone might be searching for gradient backgrounds:

image

However, even in cases where users are searching for results that do not look like blurred gradients, I think we should still consider adding additional visual indication for sensitive results.

Google, for example, uses an eye icon over the result itself:

image

Description

Add the existing eye icon for show/hiding images to unblurred sensitive results on the search view. Fix the license hover to show above the blur.

Alternatives

Additional context

CC @fcoveram for design ideas and suggestions.

openverse-bot commented 1 week ago

Subscribe to Label Action

cc @WordPress/gutenberg-design, @WordPress/openverse

This issue or pull request has been labeled: "🖼️ aspect: design" Thus the following users have been cc'd because of the following labels: * WordPress/gutenberg-design: 🖼️ aspect: design * WordPress/openverse: 🖼️ aspect: design To subscribe or unsubscribe from this label, edit the .github/subscribe-to-label.json configuration file. [Learn more.](https://github.com/bytecodealliance/subscribe-to-label-action)