From aefbf6be86eafe4958bb0fb1b3d506f5b5f69740 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= Date: Fri, 4 Mar 2022 14:19:47 +0100 Subject: [PATCH] MOBILE-3814 style: Add box shadow to fab and blocks buttons --- .../components/side-blocks-button/side-blocks-button.scss | 1 + src/theme/theme.base.scss | 4 ++++ 2 files changed, 5 insertions(+) diff --git a/src/core/features/block/components/side-blocks-button/side-blocks-button.scss b/src/core/features/block/components/side-blocks-button/side-blocks-button.scss index 76b104a1a..f8f4f8250 100644 --- a/src/core/features/block/components/side-blocks-button/side-blocks-button.scss +++ b/src/core/features/block/components/side-blocks-button/side-blocks-button.scss @@ -12,6 +12,7 @@ --padding-end: 0; --border-radius: 2em 0 0 2em; height: 56px; + --box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); &::part(native) { @include core-transition(padding, 200ms); diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss index 8f0bf1aac..4268084bb 100644 --- a/src/theme/theme.base.scss +++ b/src/theme/theme.base.scss @@ -298,6 +298,10 @@ button, min-width: var(--a11y-min-target-size); } +ion-fab-button { + --box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12); +} + ion-button { margin: 4px 8px;