CODEWITHSUNDEEP
ionic-frameworkionic2
astrakid932
astrakid932

Reputation: 3405

Ionic 2 remove line under ion-refresher

I am trying to remove the border under the ion-refresher element that appears when user pulls down. I have tried no-border no-shadow and custom css with !important but nothing seems to remove it, how can I remove the line under the ion-refresher that appears when a user pulls down

       <ion-refresher (ionRefresh)="doRefresh($event)" 
          no-border no-shadow style="border:none !important; box-shadow: none !important">
            <ion-refresher-content no-border no-shadow style="border:none !important">
            </ion-refresher-content>
       </ion-refresher>

Upvotes: 3

Views: 356

Answers (2)

m50
m50

Reputation: 816

You need to remove border-top. Add this to the css of your page:

.has-refresher>.scroll-content {
    border-top: 0;
}

Upvotes: 6

Sergio Escudero
Sergio Escudero

Reputation: 1894

The ion-refresher does not have the border. The border is part of ion-content > div.scroll-content

enter image description here

Upvotes: 1

Related Questions