From 1225336fabfe7841b0494f1f32c0cd20f5b2ca07 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Wed, 30 Sep 2015 08:09:51 -0500 Subject: [PATCH] fix(fab): no box shadow iOS Closes #217 --- ionic/components/button/button-fab.scss | 2 -- ionic/components/button/modes/md.scss | 3 +++ 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/ionic/components/button/button-fab.scss b/ionic/components/button/button-fab.scss index 588117803e..c088a5cfa5 100644 --- a/ionic/components/button/button-fab.scss +++ b/ionic/components/button/button-fab.scss @@ -3,7 +3,6 @@ // -------------------------------------------------- $button-fab-size: 56px !default; -$button-fab-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1) !default; button, @@ -16,7 +15,6 @@ button, line-height: $button-fab-size; min-width: 0; vertical-align: middle; - box-shadow: $button-fab-box-shadow !important; border-radius: 50%; background-clip: padding-box; diff --git a/ionic/components/button/modes/md.scss b/ionic/components/button/modes/md.scss index 568dfa6172..2cdf8c7a35 100644 --- a/ionic/components/button/modes/md.scss +++ b/ionic/components/button/modes/md.scss @@ -15,6 +15,8 @@ $button-md-transition-duration: 300ms !default; $button-md-clear-hover-background-color: rgba(158, 158, 158, 0.1) !default; $button-md-clear-active-background-color: rgba(158, 158, 158, 0.2) !default; +$button-md-fab-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1) !default; + button, [button] { @@ -85,6 +87,7 @@ button, &[fab] { border-radius: 50%; + box-shadow: $button-md-fab-box-shadow !important; } &.icon-only {