javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 13:01:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(input): only add padding right if it has clear input

Browse Source 
fixes #9865
This commit is contained in:
Brandy Carney
2017-01-04 13:28:25 -05:00
parent 14eb2fde1d
commit 717cada8ed
3 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/input/input.ios.scss
View File

@ -159,7 +159,7 @@ $text-input-ios-highlight-color-invalid: $text-input-highlight-color-invalid !
position: relative; position: relative;
} }
.input-ios .text-input { .input-ios[clearInput] .text-input {
padding-right: $text-input-ios-input-clear-icon-width; padding-right: $text-input-ios-input-clear-icon-width;
} }

2
src/components/input/test/clear-input/app-module.ts
View File

@ -6,7 +6,7 @@ import { IonicApp, IonicModule } from '../../../..';
templateUrl: 'main.html' templateUrl: 'main.html'
}) })
export class E2EPage { export class E2EPage {
myValue = 'value'; myValue = 'really long value that overflows to show padding';
clicked() { clicked() {
console.log('clicked button'); console.log('clicked button');

5
src/components/input/test/clear-input/main.html
View File

@ -11,6 +11,11 @@
<ion-list> <ion-list>
<ion-item>
<ion-label>No Input Clear:</ion-label>
<ion-input class="e2eClearInput" [(ngModel)]="myValue"></ion-input>
</ion-item>
<ion-item> <ion-item>
<ion-label>Input Clear:</ion-label> <ion-label>Input Clear:</ion-label>
<ion-input class="e2eClearInput" [(ngModel)]="myValue" clearInput></ion-input> <ion-input class="e2eClearInput" [(ngModel)]="myValue" clearInput></ion-input>