javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ripple-effect): follow MD spec (#16330)

Browse Source 
* fix(ripple-effect): follow md spec

* add box-shadow back

* add ripple effect to alert and action-sheet
This commit is contained in:
Manu MA
2018-11-15 16:08:39 +01:00
committed by GitHub
parent 02a266cc85
commit 6d5944613a
14 changed files with 109 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
core/src/components/button/button.ios.scss
View File

@ -26,6 +26,11 @@
// iOS Solid Button
// --------------------------------------------------
:host(.button-solid) {
--background-activated: #{ion-color(primary, shade)};
}
@media (any-hover: hover) {
:host(.button-solid:hover) {
--opacity: #{$button-ios-opacity-hover};

1
core/src/components/button/button.md.scss
View File

@ -31,6 +31,7 @@
// --------------------------------------------------
:host(.button-solid) {
--background-activated: var(--background);
--box-shadow: #{$button-md-box-shadow};
}

4
core/src/components/button/button.scss
View File

@ -73,7 +73,6 @@
// Default Solid Color
:host(.button-solid) {
--background: #{ion-color(primary, base)};
--background-activated: #{ion-color(primary, shade)};
--background-focused: #{ion-color(primary, shade)};
--color: #{ion-color(primary, contrast)};
--color-activated: #{ion-color(primary, contrast)};
@ -87,8 +86,7 @@
}
// Focused/Activated Solid Button with Color
:host(.button-solid.ion-color.focused) .button-native,
:host(.button-solid.ion-color.activated) .button-native {
:host(.button-solid.ion-color.focused) .button-native {
background: #{current-color(shade)};
}