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

fix(card): inherit background in inner button (#20461)

Browse Source 
fixes #20458
This commit is contained in:
Brandy Carney
2020-02-12 16:25:27 -05:00
committed by GitHub
parent 4d6e15ab18
commit c16de96633
2 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/card/card.scss
View File

@ -65,7 +65,7 @@
outline: none;
background: var(--background);
background: inherit;
}
.card-native::-moz-focus-inner {

27
core/src/components/card/test/button/index.html
View File

@ -50,6 +50,33 @@
</ion-card-content>
</ion-card>
<ion-card button color="tertiary">
<ion-card-header>
<ion-card-subtitle>
Subtitle
</ion-card-subtitle>
<ion-card-title>
Button Card
</ion-card-title>
</ion-card-header>
<ion-card-content>
This is content, inside of a card with a button attribute.
</ion-card-content>
</ion-card>
<ion-card href="#" color="warning">
<ion-card-header>
<ion-card-title>
Anchor Card
</ion-card-title>
</ion-card-header>
<ion-card-content>
This is content, inside of a card with a href attribute.
</ion-card-content>
</ion-card>
<ion-card button>
<div style="position: absolute; top: 0; left:0; right:0; bottom:0;">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAB8AQAAAACDZekTAAABMElEQVR4AWLABZjQBdjRBfgb0ATkD6AJ2D9AE6j/gCbw/weAyzk2IwAKwBgIixvNKPaA+P7yXplUZ1/7OO79DkYdjHrIqKeMeskoISXkWkLuBWSMkhGQMYCMAWQMISVkDCBjDCKjZAAZA8gYQMYAUkLGaBAZg8goGYPIGATGIDAGgTEIjEFgDCKjZAwiYxAYg8AYBMYgMAaBMYiMkjGIjEHGSMgYQErIGEDGAAKjZAwyhpAxgIwB5F9nvVsBCAUgDC3Zf2MGuCe1+r6QyBuMwSysg5WyF3bLeXBinCmnzr1wc9wtt08+SBAZI4XklCSTddpAX2gUnaOV9JZm033oAD8gDAyCUnAM0sFCaAlPIS5MhtpwHfLjBuyBXzAQjsJieE4T6kptqm81ss7W6ss/gwMyz60frEbR8QAAAABJRU5ErkJggg==">