CODEWITHSUNDEEP
google-chromegoogle-chrome-extensionbrowser-action
Toji
Toji

Reputation: 34498

Remove margin in Chrome browser action popup

I have a Chrome extension with a browser action that is trying to imitate the visual style of a different app. Part of this style is a header and footer that extend to the edges of the app. The problem is that the browser action popup contains a small margin and rounded border by default that appears to be hard coded to display as white space.

It would be nice if there was some way to either remove this margin or force my content to be able to extend all the way to the edges. Does anyone know of a way to do this? (I highly suspect that there's nothing to be done, but it never hurts to ask, right?)

Oh, and for the record, negative margins get you nowhere in this case. :(

Upvotes: 17

Views: 8309

Answers (3)

gowtham selvaraj
gowtham selvaraj

Reputation: 119

You can modify the body style in index.html or root .html file to

body {
    margin: 0px !important;
}

Upvotes: 1

Ouadie
Ouadie

Reputation: 13185

You can't remove the 1px white margin but you can remove the 8px margin you have to add body{margin:0px !important;} to your css then you can add a border-radius as suggested by Ryan

Upvotes: 13

Ryan Gibbons
Ryan Gibbons

Reputation: 3601

From my experience in developing the extensions as well as using them. There isn't a way to get rid of that small border.

The best experience I've seen is matching the rounded corners with a border-radius: 5px

Upvotes: 15

Related Questions