javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +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 { return {
class: { class: {
...createColorClasses(this.color), ...createColorClasses(this.color),
'in-item': hostContext('.item', this.el), 'in-item': hostContext('ion-item', this.el),
'checkbox-checked': this.checked, 'checkbox-checked': this.checked,
'checkbox-disabled': this.disabled, 'checkbox-disabled': this.disabled,
'checkbox-key': this.keyFocus, 'checkbox-key': this.keyFocus,

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

@ -325,7 +325,7 @@ export class Input {
class: { class: {
...createColorClasses(this.color), ...createColorClasses(this.color),
'in-item': hostContext('.item', this.el), 'in-item': hostContext('ion-item', this.el),
'has-value': this.hasValue(), 'has-value': this.hasValue(),
'has-focus': this.hasFocus '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); this.gesture.setDisabled(!isActive || !this.swipeGesture);
} }
// Close menu inmediately // Close menu immediately
if (!isActive && this._isOpen) { if (!isActive && this._isOpen) {
// close if this menu is open, and should not be enabled // close if this menu is open, and should not be enabled
this.forceClosing(); this.forceClosing();

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

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

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

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

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

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

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

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