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

fix(toast): button color is contrast

Browse Source 
fixes #15737
This commit is contained in:
Manu Mtz.-Almeida
2018-09-25 02:03:24 +02:00
parent 5f5ba66a00
commit f65ec10f8d
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -53,6 +53,8 @@ ion-toast {
} }
.toast-button { .toast-button {
--color: inherit;
font-size: $toast-button-font-size; font-size: $toast-button-font-size;
} }

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

@ -197,7 +197,7 @@ export class Toast implements ComponentInterface, OverlayInterface {
<div class="toast-message">{this.message}</div> <div class="toast-message">{this.message}</div>
} }
{this.showCloseButton && {this.showCloseButton &&
<ion-button fill="clear" color="light" ion-activatable class="toast-button" onClick={() => this.dismiss(undefined, 'cancel')}> <ion-button fill="clear" ion-activatable class="toast-button" onClick={() => this.dismiss(undefined, 'cancel')}>
{this.closeButtonText || 'Close'} {this.closeButtonText || 'Close'}
</ion-button> </ion-button>
} }