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

refactor(main): begin extracting styles from main.scss

This commit is contained in:
Jason Dreyzehner 2016-10-03 14:24:51 -04:00
parent aad5227542
commit 05d4fc7dce
8 changed files with 62 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/views/modals/coinbase-tx-details.html
View File

@ -10,7 +10,7 @@
</ion-header-bar>
<ion-content>
<div class="modal-content fix-modals-touch">
<div class="fix-modals-touch">
<div class="header-modal bg-gray text-center">
<div class="p20">
<img src="img/bought.svg" alt="bought" width="65" ng-show="(tx.type == 'buy' || (tx.type == 'send' && tx.to)) && tx.status == 'completed'">

2
public/views/modals/customAmount.html
View File

@ -9,7 +9,7 @@
</ion-header-bar>
<ion-content ng-style="{'background-color': '#f6f7f9'}">
<div class="modal-content fix-modals-touch">
<div class="fix-modals-touch">
<div class="m20b" ng-show="customizedAmountBtc">
<h4 class="title m0" translate>QR Code</h4>
<ul class="no-bullet size-14 m0">

2
public/views/modals/wallets.html
View File

@ -13,7 +13,7 @@
<ion-content ng-style="{'background-color': '#F6F7F9'}">
<div class="modal-content">
<div>
<div class="box-notification text-center size-12 text-warning m10t" ng-show="error">
<i class="fi-error"></i> {{error}}
</div>

4
public/views/preferencesCoinbase.html
View File

@ -4,7 +4,7 @@
ng-init="titleSection='Preferences'; goBackToState = 'coinbase'; noColor = true">
</div>
<div class="content preferences" ng-controller="preferencesCoinbaseController as coinbase">
<div class="content coinbase-preferences" ng-controller="preferencesCoinbaseController as coinbase">
<ul ng-if="index.coinbaseAccount && !index.coinbaseError" class="no-bullet m0">
<h4 class="title m0">Account</h4>
@ -33,7 +33,7 @@
</span>
</li>
<h4 class="title m0">User Information</h4>
<h4 class="title m0">User Information</h4>
<li>
<span>ID</span>
<span class="right text-gray enable_text_select">

90
src/sass/main.scss
View File

@ -1,44 +1,3 @@
/*
*
* Copay main CSS
*
*/
body {
font-family: 'roboto-regular';
}
h3.title {
margin-left: 10px !important;
}
.walletHome h4.title {
padding: 0px 0 10px 15px;
margin: 5px 0 5px 0;
font-size: 16px;
}
.bitpay_card select {
margin: 5px 0 5px 0;
padding: 0 20px;
font-size: 16px;
width: auto;
border: none;
}
.bitpay_card select:focus {
background-color: transparent;
}
.preferences ul, .modal-content ul {
font-size: 14px;
background: white;
}
.preferences ul li {
padding: 16px 10px 16px 16px;
border-bottom: 1px solid #E9E9EC;
}
.addressbook-input, .disabled-input {
display: block;
margin-bottom: 1.5rem;
@ -602,54 +561,9 @@ input[type=number] {
}
}
/* Starting */
#starting {
background: rgba(30, 49, 134, 1);
background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
color: #fff;
height: 100%;
.scroll-content {
display: table !important;
width: 100% !important;
height: 100% !important;
}
.scroll {
display: table-cell;
vertical-align: middle;
text-align: center;
}
}
@import "fonts";
@import "ionic";
@import "common";
@import "forms";
@import 'mixins/mixins';
@import 'views/tabs';
@import "views/add";
@import "views/amount";
@import "views/confirm";
@import "views/tab-home";
@import "views/tab-receive";
@import "views/tab-scan";
@import "views/tab-send";
@import "views/tab-settings";
@import "views/walletDetails";
@import "views/advancedSettings";
@import "views/bitpayCard";
@import "views/address-book";
@import "views/wallet-backup-phrase";
@import "views/address-book";
@import 'views/onboarding/onboarding';
@import "views/includes/walletActivity";
@import "views/includes/wallets";
@import "views/includes/modals/modals";
@import "views/includes/tx-details";
@import "views/includes/txp-details";
@import "views/includes/tx-status";
@import "mixins/mixins";
@import "views/views";

10
src/sass/views/integrations/coinbase.scss Normal file
View File

@ -0,0 +1,10 @@
.coinbase-preferences {
ul {
font-size: 14px;
background: white;
li {
padding: 16px 10px 16px 16px;
border-bottom: 1px solid #E9E9EC;
}
}
}

21
src/sass/views/starting.scss Normal file
View File

@ -0,0 +1,21 @@
#starting {
background: rgba(30, 49, 134, 1);
background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
color: #fff;
height: 100%;
.scroll-content {
display: table !important;
width: 100% !important;
height: 100% !important;
}
.scroll {
display: table-cell;
vertical-align: middle;
text-align: center;
}
}

24
src/sass/views/views.scss Normal file
View File

@ -0,0 +1,24 @@
@import "tabs";
@import "add";
@import "amount";
@import "confirm";
@import "starting";
@import "tab-home";
@import "tab-receive";
@import "tab-scan";
@import "tab-send";
@import "tab-settings";
@import "walletDetails";
@import "advancedSettings";
@import "bitpayCard";
@import "address-book";
@import "wallet-backup-phrase";
@import "address-book";
@import "onboarding/onboarding";
@import "includes/walletActivity";
@import "includes/wallets";
@import "includes/modals/modals";
@import "includes/tx-details";
@import "includes/txp-details";
@import "includes/tx-status";
@import "integrations/coinbase.scss";