google / google/playground-elements

Support bottom-right border for iframe

Open
#72 0 comments 0 reactions 0 assignees View on GitHub
Needs Discussion
Dominant language
TypeScript
Stars
648
Forks
61
PR merge metrics
No merged PRs in 30d

Description

When a playground is on a white background, the white background color of the iframe blends into the background, which looks bad.

![image](https://user-images.githubusercontent.com/48894/97511052-58e77880-1943-11eb-8408-00782e479c77.png)

There should be some way to set the bottom-right border of the iframe, to produce an effect like this:

![image](https://user-images.githubusercontent.com/48894/97510842-dbbc0380-1942-11eb-8d26-7f29cab1356b.png)

Note you can't quite do this simply with a border around the entire editor because of inconsistencies in radius (maybe there is some other approach we could use to make this work better too... `mask-clip`?), and also because a full border doesn't always look as nice.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.