diff --git a/packages/core/src/components/chip-button/chip-button.scss b/packages/core/src/components/chip-button/chip-button.scss index ff86205497..209fb10f26 100644 --- a/packages/core/src/components/chip-button/chip-button.scss +++ b/packages/core/src/components/chip-button/chip-button.scss @@ -7,6 +7,10 @@ @include border-radius($chip-button-border-radius); @include margin($chip-button-margin-top, $chip-button-margin-end, $chip-button-margin-bottom, $chip-button-margin-start); + position: relative; + + border: 0; + width: $chip-button-size; height: $chip-button-size; @@ -15,3 +19,15 @@ outline: none; } } + +.chip-button-inner { + display: flex; + + flex-flow: row nowrap; + flex-shrink: 0; + align-items: center; + justify-content: center; + + width: 100%; + height: 100%; +} \ No newline at end of file diff --git a/packages/core/src/components/chip-button/chip-button.tsx b/packages/core/src/components/chip-button/chip-button.tsx index 37e32e0e9c..0abf2c52b8 100644 --- a/packages/core/src/components/chip-button/chip-button.tsx +++ b/packages/core/src/components/chip-button/chip-button.tsx @@ -64,7 +64,7 @@ export class ChipButton { class={buttonClasses} disabled={this.disabled} href={this.href}> - + { this.mode === 'md' && } diff --git a/packages/core/src/components/chip/chip.md.scss b/packages/core/src/components/chip/chip.md.scss index 5bf6ea8725..8b34ecedcf 100644 --- a/packages/core/src/components/chip/chip.md.scss +++ b/packages/core/src/components/chip/chip.md.scss @@ -12,8 +12,8 @@ height: $chip-md-height; font-family: $chip-md-font-family; - font-size: $chip-md-font-size; + color: $chip-md-text-color; background: $chip-md-background-color; } diff --git a/packages/core/src/components/chip/chip.scss b/packages/core/src/components/chip/chip.scss index 01c9adc261..6694de60a7 100644 --- a/packages/core/src/components/chip/chip.scss +++ b/packages/core/src/components/chip/chip.scss @@ -12,6 +12,9 @@ ion-chip { font-weight: normal; vertical-align: middle; + + -webkit-font-smoothing: antialiased; + font-smoothing: antialiased; } ion-chip > ion-icon { diff --git a/packages/core/src/components/chip/test/standalone/index.html b/packages/core/src/components/chip/test/standalone/index.html index 1eee56ff39..4a97912127 100644 --- a/packages/core/src/components/chip/test/standalone/index.html +++ b/packages/core/src/components/chip/test/standalone/index.html @@ -110,6 +110,14 @@ + +