Remove footer row

0

Hello,couldanyonegivemeahelp?IdonotknowwhatcouldbewrongbecauseI'veusedno-linesbeforeinanotherprojectanditworkedperfectly,buthereIcannotremovethislineforanything.ItmaybequitesimplebutIhavenotfoundthesolutionyet.

HTML:

<ion-header><ion-navbar></ion-navbar></ion-header><ion-contentclass="bg-style" no-padding>

<img src="assets/imgs/tela.png" height="150" width="490" style="display: 
 block;
 margin-left: auto; margin-right: auto; margin-top: 150px">

<ion-footer no-lines class="footerlogo">
<ion-toolbar no-padding>
   <ion-item class="ionitem">
    <ion-title>

      <button ion-button secondary (click)="entrar(); alertaBasica()" 
    class="buttonlogo">ENTRAR</button>

    </ion-title>
   </ion-item>
  </ion-toolbar>
  </ion-footer>

  </ion-content>

SCSS:

page-logo {

background-color: #179c90 !important;


.footerlogo {
    border: none !important;
    outline: none  !important;
    outline-color: #179c90!important;

}

.buttonlogo {
    background-color: #179c90;

}

.ionitem{
    background: #179c90 !important;

}   

.bg-style {

    background: #179c90;
}


.toolbar-title{ text-align: left;
    padding-left: 36%;
    font-weight: normal;
}

}
    
asked by anonymous 16.08.2018 / 22:56

1 answer

1

To remove this line simply add no-border to ion-footer :

<ion-footer no-border class="footerlogo">
    <ion-toolbar no-padding>
        <ion-item class="ionitem">
            <ion-title>
                <button ion-button secondary (click)="entrar(); alertaBasica()" class="buttonlogo">ENTRAR</button>
            </ion-title>
        </ion-item>
    </ion-toolbar>
</ion-footer>

I hope it helps!

    
17.08.2018 / 14:33