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

fix(chip): remove button dependency and fix standalone styles

Browse Source
This commit is contained in:
Brandy Carney
2018-02-07 17:05:50 -05:00
parent 4299a50461
commit f6410bacbd
8 changed files with 32 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/core/src/components/chip-button/chip-button.scss
View File

@ -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%;
}

2
packages/core/src/components/chip-button/chip-button.tsx
View File

@ -64,7 +64,7 @@ export class ChipButton {
class={buttonClasses}
disabled={this.disabled}
href={this.href}>
<span class='button-inner'>
<span class='chip-button-inner'>
<slot></slot>
</span>
{ this.mode === 'md' && <ion-ripple-effect useTapClick={true} /> }