BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #211 from jamal-jackson/feature/recieve_tab_slider 

Fix receive icon slider for tablet
This commit is contained in:
Gustavo Maximiliano Cortez 2016-09-29 09:39:43 -03:00 committed by GitHub
parent e93da3f391 d1b554a428
commit 90dece4fc3
2 changed files with 59 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/sass/common.scss
View File

@ -112,3 +112,7 @@ ion-header-bar{
.bold-text{
font-weight: bold !important;
}
.card{
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

42
src/sass/views/includes/wallets.scss
View File

@ -10,15 +10,34 @@
padding-right: .25rem;
border-radius: .25rem;
max-width: 350px;
@media (min-width: 500px) {
& {
width: 350px;
position: relative;
margin: 1.5rem auto 0;
}
}
}
.swiper-slide {
width: 100% !important;
max-width: 450px;
&.swiper-slide-prev, &.swiper-slide-next{
opacity: .2;
&:hover{
opacity: 1;
@media (min-width: 500px) {
& {
margin: 0 auto;
display: block;
float: none;
max-width: none;
}
&.swiper-slide-next .card {
float: left;
}
&.swiper-slide-prev .card {
float: right;
}
}
&.swiper-slide-prev,
&.swiper-slide-next {
opacity: .2;
}
&.swiper-slide-prev {
left: -5%;
@ -32,3 +51,18 @@
visibility: hidden;
}
}
.platform-browser {
.wallets {
.slides {
.swiper-slide {
&.swiper-slide-prev,
&.swiper-slide-next {
&:hover {
opacity: 1;
}
}
}
}
}
}