fix(input): update input css/tests

This commit is contained in:
Adam Bradley
2016-01-25 22:46:18 -06:00
parent b3a7298a52
commit 42f6b1056f
39 changed files with 214 additions and 512 deletions

View File

@ -1,6 +1,6 @@
it('should check apple via switch element click', function() {
element(by.css('[ngControl=appleCtrl] .toggle-media')).click();
element(by.css('[value="apple"] button')).click();
});

View File

@ -25,7 +25,7 @@ $toggle-ios-media-padding: 6px ($item-ios-padding-right / 2) 5px ($i
$toggle-ios-transition-duration: 300ms !default;
$toggle-ios-disabled-opacity: 0.5 !default;
$toggle-ios-disabled-opacity: 0.4 !default;
// iOS Toggle

View File

@ -22,7 +22,7 @@ $toggle-md-media-padding: 12px ($item-md-padding-right / 2) 12px
$toggle-md-transition-duration: 300ms !default;
$toggle-md-disabled-opacity: 0.5 !default;
$toggle-md-disabled-opacity: 0.4 !default;
// Material Design Toggle
@ -101,7 +101,7 @@ ion-toggle {
}
// Material Design Toggle within an item
// Material Design Toggle Within An Item
// -----------------------------------------
.item ion-toggle {
@ -110,14 +110,8 @@ ion-toggle {
cursor: pointer;
}
// Material Design Toggle Within An Item
// -----------------------------------------
.item ion-toggle {
margin: $toggle-md-media-margin;
padding: $toggle-md-media-padding;
cursor: pointer;
.item-toggle ion-label {
margin-left: 0;
}

View File

@ -106,6 +106,7 @@ export class Toggle {
if (_item) {
this.id = 'tgl-' + _item.registerInput('toggle');
this._labelId = 'lbl-' + _item.id;
this._item.setCssClass('item-toggle', true);
}
}