mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
fix(input): update input css/tests
This commit is contained in:
@ -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();
|
||||
});
|
||||
|
||||
|
||||
|
@ -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
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user