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

fix(input): fix the clear input button to always be vertically aligned

Browse Source
This commit is contained in:
Brandy Carney
2016-06-27 12:48:13 -04:00
parent 4567de2aea
commit e4cc672c0a
5 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -77,7 +77,6 @@ ion-input[clearInput] {
@include svg-background-image($text-input-ios-input-clear-icon-svg);
right: ($item-ios-padding-right / 2);
bottom: 0;
width: $text-input-ios-input-clear-icon-width;

1
src/components/input/input.md.scss
View File

@@ -130,7 +130,6 @@ ion-input[clearInput] {
@include svg-background-image($text-input-md-input-clear-icon-svg);
right: ($item-md-padding-right / 2);
bottom: 4px;
width: $text-input-md-input-clear-icon-width;

3
src/components/input/input.scss
View File

@@ -129,11 +129,14 @@ input.text-input:-webkit-autofill {
.text-input-clear-icon {
position: absolute;
top: 0;
display: none;
margin: 0;
padding: 0;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}

1
src/components/input/input.wp.scss
View File

@@ -107,7 +107,6 @@ ion-input[clearInput] {
.text-input-clear-icon {
@include svg-background-image($text-input-wp-input-clear-icon-svg);
top: $item-wp-padding-top;
right: ($item-wp-padding-right / 2);
width: $text-input-wp-input-clear-icon-width;

4
src/components/input/test/clear-input/e2e.ts
View File

@@ -1,4 +0,0 @@
it('should clear input', function() {
element(by.css('.e2eClearInput .text-input-clear-icon')).click();
});