EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3814 style: Add box shadow to fab and blocks buttons

main
Pau Ferrer Ocaña 2022-03-04 14:19:47 +01:00
parent feb4785ba0
commit aefbf6be86
2 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/core/features/block/components/side-blocks-button/side-blocks-button.scss
View File

@ -12,6 +12,7 @@
--padding-end: 0; --padding-end: 0;
--border-radius: 2em 0 0 2em; --border-radius: 2em 0 0 2em;
height: 56px; 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) { &::part(native) {
@include core-transition(padding, 200ms); @include core-transition(padding, 200ms);

4
src/theme/theme.base.scss
View File

@ -298,6 +298,10 @@ button,
min-width: var(--a11y-min-target-size); 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 { ion-button {
margin: 4px 8px; margin: 4px 8px;