CODEWITHSUNDEEP
javascriptangularjshtmlcssionic-framework
user944513
user944513

Reputation: 12729

how to remove margin from popover?

could you please tell me how to remove margin from left of popover ? Actually I make a popover on button click But there is a margin of left I need to remove this margin of pop over .here is my code

http://codepen.io/anon/pen/zGMdJw On click of button I am showing pop over 

.cls{
  border-radius:0px!important;
  padding:0px!important;
  width:100%!important;
}

Upvotes: 1

Views: 1857

Answers (2)

Mukul Kant
Mukul Kant

Reputation: 7122

As people has been told its not margin, its the left value which is coming by script.

If you are looking for css solution you should try this:

.cls[style] {
  left: 0 !important;
}

Upvotes: 1

Jonathan La'Fey
Jonathan La'Fey

Reputation: 552

The element ion-popover-view has the following style applied

style="top: 35px; left: 6px; margin-left: 0px; opacity: 1;"

So, as said by Maddy, you only need to add an override in your cls class like this

.cls{
     border-radius:0px!important;
     padding:0px!important;
     width:100%!important;
     left: 0px !important;
}

Upvotes: 1

Related Questions