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

fix(item): update hostContext to use ion-item element

Browse Source 
fixes styling issues with children elements using the .in-item class
This commit is contained in:
Brandy Carney
2018-09-13 11:45:43 -04:00
parent 6c62e6cdc9
commit 21d1f2e2dd
7 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/checkbox/checkbox.tsx
View File

@ -120,7 +120,7 @@ export class Checkbox {
return {
class: {
...createColorClasses(this.color),
'in-item': hostContext('.item', this.el),
'in-item': hostContext('ion-item', this.el),
'checkbox-checked': this.checked,
'checkbox-disabled': this.disabled,
'checkbox-key': this.keyFocus,

2
core/src/components/input/input.tsx
View File

@ -325,7 +325,7 @@ export class Input {
class: {
...createColorClasses(this.color),
'in-item': hostContext('.item', this.el),
'in-item': hostContext('ion-item', this.el),
'has-value': this.hasValue(),
'has-focus': this.hasFocus
}

2
core/src/components/menu/menu.tsx
View File

@ -449,7 +449,7 @@ export class Menu implements MenuI {
this.gesture.setDisabled(!isActive || !this.swipeGesture);
}
// Close menu inmediately
// Close menu immediately
if (!isActive && this._isOpen) {
// close if this menu is open, and should not be enabled
this.forceClosing();

2
core/src/components/radio/radio.tsx
View File

@ -172,7 +172,7 @@ export class Radio {
return {
class: {
...createColorClasses(this.color),
'in-item': hostContext('.item', this.el),
'in-item': hostContext('ion-item', this.el),
'interactive': true,
'radio-checked': this.checked,
'radio-disabled': this.disabled,

2
core/src/components/range/range.tsx
View File

@ -330,7 +330,7 @@ export class Range {
return {
class: {
...createColorClasses(this.color),
'in-item': hostContext('.item', this.el),
'in-item': hostContext('ion-item', this.el),
'range-disabled': this.disabled,
'range-pressed': this.pressedKnob !== undefined,
'range-has-pin': this.pin

2
core/src/components/select/select.tsx
View File

@ -458,7 +458,7 @@ export class Select {
hostData() {
return {
class: {
'in-item': hostContext('.item', this.el),
'in-item': hostContext('ion-item', this.el),
'select-disabled': this.disabled,
'select-key': this.keyFocus
}

2
core/src/components/toggle/toggle.tsx
View File

@ -175,7 +175,7 @@ export class Toggle {
return {
class: {
...createColorClasses(this.color),
'in-item': hostContext('.item', this.el),
'in-item': hostContext('ion-item', this.el),
'toggle-activated': this.activated,
'toggle-checked': this.checked,
'toggle-disabled': this.disabled,