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): use the global activated background for md ripple color (#16752)

Browse Source 
fixes #16585
This commit is contained in:
Brandy Carney
2019-04-24 11:36:12 -04:00
committed by GitHub
parent 33acd78469
commit 95945c05a5
5 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
core/src/components/fab-button/fab-button.scss
View File

@ -4,17 +4,6 @@
// --------------------------------------------------
:host {
--transition: background-color, opacity 100ms linear;
--ripple-color: currentColor;
--border-radius: #{$fab-border-radius};
--border-width: 0;
--border-style: none;
--border-color: initial;
--padding-top: 0;
--padding-end: 0;
--padding-bottom: 0;
--padding-start: 0;
/**
* @prop --background: Background of the button
* @prop --background-activated: Background of the button when activated
@ -40,6 +29,17 @@
* @prop --padding-bottom: Padding bottom of the button
* @prop --padding-start: Padding start of the button
*/
--transition: background-color, opacity 100ms linear;
--ripple-color: currentColor;
--border-radius: #{$fab-border-radius};
--border-width: 0;
--border-style: none;
--border-color: initial;
--padding-top: 0;
--padding-end: 0;
--padding-bottom: 0;
--padding-start: 0;
@include margin(0);
display: block;