anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

add back button

Browse source
This commit is contained in:
Marty Alcala 2016-10-12 15:21:38 -04:00
commit 1d5299e254
3 changed files with 30 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/sass/views/includes/actionSheet.scss
View file

@ -9,11 +9,19 @@ action-sheet {
bottom: 0;
left: 0;
transform: translateY(100%);
transition: transform 250ms ease;
transition: transform 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
z-index: 100;
&.slide-up {
transform: translateY(0);
box-shadow: 0px 2px 13px 3px rgba(0, 0, 0, .3);
}
.back-arrow {
padding: 1rem;
padding-top: 1.5rem;
padding-left: 2rem;
cursor: pointer;
}
}
@ -24,12 +32,12 @@ action-sheet {
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
transition: background 250ms ease;
transition: background 250ms cubic-bezier(0.4, 0.0, 0.2, 1);;
pointer-events: none;
z-index: 99;
&.fade-in {
background: rgba(0, 0, 0, .5);
background: rgba(0, 0, 0, .4);
pointer-events: all;
}
}