ionic-team / ionic-v3

The repo for Ionic 3.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
Other
128 stars 85 forks source link

Input field underline missing when inside ion-card #218

Open ionitron-bot[bot] opened 5 years ago

ionitron-bot[bot] commented 5 years ago

Original issue by @DennisSmolek on 2017-05-12T21:21:10Z

Ionic version: 3.2.1**

I'm submitting a Bug Report**

Current behavior: When I put an <ion-input> inside an <ion-card> The bottom border that acts as an underline is being overwritten with some core css found here when using the md or default modes.

.card-md .item-md.item-block .item-inner {
  border: 0;
}

The password field has a border but only because it is also the last child of a list.

screen shot 2017-05-12 at 4 17 29 pm

Code to produce:

<ion-card class="contentBox">
            <ion-card-header>
              <h3>Login</h3>
            </ion-card-header>
            <ion-card-content>
            <ion-list>
              <ion-item>
                <ion-label floating>Email</ion-label>
                <ion-input type="email"></ion-input>
              </ion-item>
              <ion-item>
                <ion-label floating>Password</ion-label>
                <ion-input type="password"></ion-input>
              </ion-item>
            </ion-list>
            </ion-card-content>
</ion-card> <!-- contentBox -->

Expected behavior: Should leave the underline intact Plunker: http://plnkr.co/edit/hSbLqd?p=preview

vieiraFelipee commented 5 years ago

Still nothing?