CODEWITHSUNDEEP
google-chrome-extensionpocket
TrySpace
TrySpace

Reputation: 2450

Chrome extension transparent background and rounded corners (like Save To Pocket)

So this plugin clearly has transparent background and rounded corners:

enter image description here

Even when you scroll down on the page the background will scroll behind it, so it's unlikely any trick with captureVisibleTab is being done.

So I'm wondering how this was achieved, because any other SO-articles seem to suggest it is impossible, however they are pretty old:

I'm curious what kind of hack they have used, or that I'm missing something obvious in the docs.

For me at least simply setting background-color: transparent; on any element in the popup.html does not do anything.

Have they used a trick by loading 2 separate html files with an offset? That still doesn't explain the rounded corners though.

Upvotes: 5

Views: 4735

Answers (1)

TrySpace
TrySpace

Reputation: 2450

As @woxxom pointed out, the 'popup' is rendered on the page itself and not in a popup.html.

You can see its offset from where a plugin would normally be shown.

Upvotes: 2

Related Questions