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);
}

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

@ -1,34 +1,68 @@
.wallets{
.slides{
.swiper-container{
width:75% !important;
overflow:visible;
.wallets {
.slides {
.swiper-container {
width: 75% !important;
overflow: visible;
}
.card{
.card {
padding: .7rem;
padding-left:.25rem;
padding-right:.25rem;
padding-left: .25rem;
padding-right: .25rem;
border-radius: .25rem;
max-width: 350px;
}
.swiper-slide{
width:100% !important;
max-width: 450px;
&.swiper-slide-prev, &.swiper-slide-next{
opacity: .2;
&:hover{
opacity: 1;
@media (min-width: 500px) {
& {
width: 350px;
position: relative;
margin: 1.5rem auto 0;
}
}
&.swiper-slide-prev{
left:-5%;
}
.swiper-slide {
width: 100% !important;
max-width: 450px;
@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-next{
left:4%;
&.swiper-slide-prev,
&.swiper-slide-next {
opacity: .2;
}
&.swiper-slide-prev {
left: -5%;
}
&.swiper-slide-next {
left: 4%;
}
}
}
.swiper-pagination{
.swiper-pagination {
visibility: hidden;
}
}
.platform-browser {
.wallets {
.slides {
.swiper-slide {
&.swiper-slide-prev,
&.swiper-slide-next {
&:hover {
opacity: 1;
}
}
}
}
}
}