This commit is contained in:
Kadir Sekha 2017-10-16 18:05:09 +09:00
commit a0261a6c9f
146 changed files with 16800 additions and 5578 deletions

View file

@ -139,6 +139,19 @@
}
}
.amount {
.icon-toggle {
font-size: 1.2em;
width: auto;
margin: 0.8em auto;
border: 1px solid $v-subtle-gray;
color: $v-dark-gray;
border-radius: 3px;
padding: 0 10px;
cursor: pointer;
@media(max-height: 280px) {
margin: 0.1em auto;
}
}
&__editable {
&--minimize {
font-size: 22px;
@ -187,7 +200,7 @@
&__result {
color: $v-light-gray;
font-size: .9em;
margin-bottom: -.9em;
//margin-bottom: -.9em; TODO matias
line-height: 1;
@media(max-height: 480px) {
margin-bottom: 0;
@ -196,7 +209,6 @@
&__result-equiv {
color: $v-mid-gray;
font-size: 1.2em;
margin-top: 2rem;
@media(max-height: 480px) {
margin-top: 0;
font-size: 16px;

View file

@ -0,0 +1,43 @@
#cash-scan {
.comment {
color: #667;
font-size: 0.9em;
}
.item {
color: $v-dark-gray;
padding-top: 1.3rem;
padding-bottom: 1.3rem;
}
.heading {
font-size: 17px;
color: $v-dark-gray;
margin: 1rem 0;
padding-top: 5px;
padding-bottom: 5px;
border: none;
}
.text-disabled {
color: $v-light-gray;
}
.supported {
display: flex;
.wallet-content {
padding-left: 7px;
}
}
.duplicate-button {
position: absolute;
right: 15px;
padding-top: .5rem;
}
a {
cursor: pointer;
}
}

View file

@ -99,6 +99,9 @@
i {
padding-right: 20px;
}
span {
display: inline;
}
}
}
.toggle-unconfirmed {

View file

@ -7,6 +7,17 @@ wallet-selector {
padding-right: .75rem;
}
.subheader {
margin: 20px 0 10px 0;
font-weight: bold;
padding-bottom: 10px;
border-bottom: 1px solid #EFEFEF;
.wallet-coin-logo {
vertical-align: middle;
margin-right: 5px;
}
}
.wallet-selector {
.wallet {
border: 0;

View file

@ -1,6 +1,7 @@
@import "coinbase";
@import "glidera";
@import "amazon";
@import "mercadolibre";
#coinbase, #glidera {
.button-small {

View file

@ -0,0 +1,202 @@
#mercadolibre {
$item-lateral-padding: 20px;
$item-vertical-padding: 10px;
$item-border-color: #EFEFEF;
$item-label-color: #6C6C6E;
@extend .deflash-blue;
.icon-amazon {
background-image: url("../img/mercado-libre/icon-ml.svg");
}
.spinner svg {
stroke: black;
fill: black;
}
.add-bottom-for-cta {
bottom: 92px;
}
.head {
padding: 30px $item-lateral-padding 4rem;
border-top: 0;
.sending-label {
display: flex;
font-size: 18px;
align-items: center;
margin-bottom: 1.8rem;
img {
margin-right: 1rem;
height: 35px;
width: 35px;
}
span {
text-transform: capitalize;
}
.big-icon-svg {
padding: 0 7px 0 0;
margin-right: 0.6rem;
}
.big-icon-svg > .bg {
height: 28px;
box-shadow: none;
}
}
.amount-label{
line-height: 30px;
.amount{
font-size: 38px;
margin-bottom: .5rem;
> .unit {
font-family: "Roboto-Light";
}
}
.alternative {
font-size: 12px;
font-family: "Roboto-Light";
color: #9B9B9B;
}
}
}
.item {
border-color: $item-border-color;
}
.info {
.badge {
border-radius: 0;
padding: .5rem;
}
.item {
color: #4A4A4A;
padding-top: $item-vertical-padding;
padding-bottom: $item-vertical-padding;
padding-left: $item-lateral-padding;
&:not(.item-icon-right) {
padding-right: $item-lateral-padding;
}
.label {
font-size: 14px;
color: $item-label-color;
margin-bottom: 8px;
}
.capitalized {
text-transform: capitalize;
}
.wallet .big-icon-svg > .bg {
height: 24px;
width: 24px;
padding: 2px;
box-shadow: none;
vertical-align: middle;
}
.total-amount {
font-weight: bold;
}
&.single-line {
display: flex;
align-items: center;
padding-top: 17px;
padding-bottom: 17px;
.label {
margin: 0;
flex-grow: 1;
}
}
}
.item-divider {
padding-top: 1.2rem;
color: $item-label-color;
font-size: 15px;
}
.wallet {
display: flex;
align-items: center;
padding: .2rem 0;
margin-bottom: 5px;
~ .bp-arrow-right {
top: 14px;
}
> i {
padding: 0;
position: static;
> img {
height: 24px;
width: 24px;
padding: 2px;
margin-right: .7rem;
box-shadow: none;
}
}
}
}
}
#meli-list-cards {
img.item-logo {
width: auto;
height: auto;
border-radius: 0;
}
}
#meli-card {
.card-head {
margin: 20px 0;
text-align: center;
.date {
font-size: 12px;
margin: 10px 0;
}
.amount {
font-size: 16px;
font-weight: bold;
}
}
.card-status {
text-align: center;
margin-bottom: 25px;
.card-status-desc {
margin-top: 5px;
font-size: 12px;
color: $v-text-secondary-color;
}
.redeem-pin {
font-weight: bold;
font-size: 22px;
}
.button-redeem {
margin-top: 10px;
background: transparent;
border: none;
font-size: 12px;
color: $v-text-accent-color;
}
}
.card-remove {
text-align: center;
margin-top: 30px;
.button-remove {
margin-top: 10px;
background: transparent;
border: none;
font-size: 12px;
color: red;
}
}
}

View file

@ -17,6 +17,11 @@
.icon-amazon {
background-image: url("../img/icon-amazon.svg");
}
.icon-ml {
background-image: url("../img/mercado-libre/icon-ml.svg");
background-position: center;
background-size: 85%;
}
.bg {
&.wallet {
padding: .25rem
@ -54,6 +59,10 @@
}
}
}
.wallet-coin-logo {
vertical-align: middle;
margin-right: 5px;
}
.wallet-details__item.item {
padding-top: 0;
padding-bottom: 0;

View file

@ -20,6 +20,12 @@
.has-comment {
border-bottom: 0 none;
}
.scan-label {
cursor: pointer;
cursor: hand;
color: $link-color;
font-weight: bold;
}
.comment {
padding: 15px;
background-color: #fff;
@ -34,6 +40,9 @@
width: 20px;
}
}
a {
cursor: pointer;
}
}
&-explanation, &-button-group {
padding: 0 1rem;
@ -137,6 +146,14 @@
.log-level {
font-weight: bold;
}
.alt-currency-radio {
.item-content {
padding-right: 16px;
}
.radio-icon {
display: none;
}
}
}
#tab-settings {
@ -149,6 +166,13 @@
border-radius: 0;
box-shadow: none;
}
& > .bch {
background-color: #9b9bab;
border-radius: 1rem;
}
& > .bch-enabled {
background-color: #ff9900 !important;
}
&.circle{
left:8px;
.bg {

View file

@ -50,3 +50,4 @@
@import "includes/pin";
@import "includes/logOptions";
@import "includes/checkBar";
@import "cashScan";

View file

@ -1,4 +1,22 @@
#wallet-backup-phrase {
.comment {
color: #667;
font-size: 0.9em;
}
.item {
color: $v-dark-gray;
padding-top: 1.3rem;
padding-bottom: 1.3rem;
border: none;
}
.heading {
font-size: 17px;
color: $v-dark-gray;
margin: 1rem 0;
padding-top: 5px;
padding-bottom: 5px;
border: none;
}
h3 {
padding: 15px;
}

View file

@ -88,6 +88,27 @@
padding: 1rem;
background: #f8f8f9;
}
&__no-transaction {
color: $v-mid-gray;
font-size: 12.5px;
text-align: center;
padding-top: 2rem;
}
&__no-update-history {
color: $v-error-color;
font-size: 12.5px;
text-align: center;
padding-top: 2rem;
}
&__updating-history {
color: $v-mid-gray;
font-size: 12.5px;
text-align: center;
padding-top: 1rem;
}
}
#walletDetails {
@ -177,10 +198,6 @@
align-items: center;
justify-content: center;
&.collapsible {
margin-bottom: 10px;
}
&__balance {
-webkit-transform: scale3d(1, 1, 1) translateY(45px);
transform: scale3d(1, 1, 1) translateY(45px);
@ -198,8 +215,21 @@
&__button-balance {
background-color: transparent;
border: 1px solid rgba(255,255,255,0.25);
margin-top: 10px;
i.icon {
margin-right: 7px;
vertical-align: middle;
}
}
&__error {
font-size: 14px;
padding: 35px 20px;
}
}
.no-alternative {
padding-top: 45px;
}
.item.item-footer {
font-weight: lighter;
@ -237,6 +267,17 @@
font-size: 20px;
color: #fff;
width:95%;
.actions{
float: right;
a {
color: white;
font-size: 14px;
cursor: pointer;
padding: 5px;
line-height: 16px;
}
}
}
.wallet-not-backed-up-warning {