Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI Bug on story with black background #37063

Open
edoudou opened this issue Nov 29, 2021 · 2 comments
Open

UI Bug on story with black background #37063

edoudou opened this issue Nov 29, 2021 · 2 comments
Assignees
Labels

Comments

@edoudou
Copy link
Contributor

edoudou commented Nov 29, 2021

Description

If you have a story with no medias with a black Background , it's black on black.

Here is an exemple : https://join-dev.my.join-stories.com/black-on-black-do-not-touch-JXZ4YgY/?t=513

Reproduction Steps

  • Create a story with black BG and no media.
  • Take a look on desktop
  • Enjoy

Relevant Logs

No response

Browser(s) Affected

No response

OS(s) Affected

No response

Device(s) Affected

No response

AMP Version Affected

2111060251009

@processprocess
Copy link
Contributor

Screen shot:
Screen Shot 2021-11-29 at 11 22 20 AM

Possible solution:
A subtle glow around the story panel to distinguish its shape from the background.
Could possibly be a box shadow on amp-story-page.
box-shadow: 0px 0px 20px rgb(255 255 255 / 30%);
Screen Shot 2021-11-29 at 11 23 31 AM

This could either be:
A) Always present, it could be possible to have a dark image on the page that is sampled.
B) Activated only when there is no media for the blur

@stale
Copy link

stale bot commented Nov 23, 2022

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs. Thank you for your contributions.

@stale stale bot added the Stale Inactive for one year or more label Nov 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Development

No branches or pull requests

2 participants