diff --git a/cordova/build.sh b/cordova/build.sh index ab3e964d0..4dc2ea957 100755 --- a/cordova/build.sh +++ b/cordova/build.sh @@ -173,6 +173,7 @@ if [ $CURRENT_OS == "WP8" ]; then checkOK cp -vf wp/Properties/* $PROJECT/platforms/wp8/Properties/ cp -vf wp/Package.appxmanifest $PROJECT/platforms/wp8/ + cp -vf wp/MainPage.xaml $PROJECT/platforms/wp8/ checkOK cp -vf wp/Assets/* $PROJECT/platforms/wp8/Assets/ cp -vf wp/SplashScreenImage.jpg $PROJECT/platforms/wp8/ diff --git a/cordova/config.xml b/cordova/config.xml index 96b5309d9..d6d244129 100644 --- a/cordova/config.xml +++ b/cordova/config.xml @@ -21,7 +21,7 @@ - + diff --git a/cordova/wp/MainPage.xaml b/cordova/wp/MainPage.xaml index 658393142..10a9fbbd3 100644 --- a/cordova/wp/MainPage.xaml +++ b/cordova/wp/MainPage.xaml @@ -31,15 +31,16 @@ SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="True" d:DesignHeight="768" d:DesignWidth="480" xmlns:my="clr-namespace:WPCordovaClassLib"> - - - - - + + + + + - + diff --git a/cordova/wp/SplashScreenImage-original.jpg b/cordova/wp/SplashScreenImage-original.jpg new file mode 100755 index 000000000..4942eaf03 Binary files /dev/null and b/cordova/wp/SplashScreenImage-original.jpg differ diff --git a/cordova/wp/SplashScreenImage.jpg b/cordova/wp/SplashScreenImage.jpg old mode 100644 new mode 100755 index 4942eaf03..15a010996 Binary files a/cordova/wp/SplashScreenImage.jpg and b/cordova/wp/SplashScreenImage.jpg differ diff --git a/css/src/main.css b/css/src/main.css index 191f76bbd..e09b87dea 100644 --- a/css/src/main.css +++ b/css/src/main.css @@ -142,15 +142,11 @@ header .alt-currency { right: 0; } -.head .title { +.head .founds { float: left; padding-left: 2rem; } -.head .title h1 { - margin: 0; -} - .head .menu { float: right; position: relative; @@ -267,7 +263,6 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu padding: 0.5rem 0.65rem; background-color: #fff; color: #1ABC9C; - border-radius: 3px; line-height: 24px; text-align: center; } @@ -319,6 +314,27 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu line-height: 24px; } +.buttons-sidebar { + color: #A5B2BF; + font-weight: 700; + font-size: 12px; + display: block; + padding: 0.5rem 0; + line-height: 16px; +} + +.buttons-sidebar .col1 { + margin-top: 2px; +} + +.buttons-sidebar .col1 i { + background-color: #2C3E50; + color: #A5B2BF; + border-radius: 100%; + padding: .3rem 0.55rem; + margin: 0 7px; +} + .button.small.side-bar { padding: 0rem 0.4rem; } @@ -483,15 +499,43 @@ ul.tx-copayers { color: #2C3E50; } -a.button-setup.add-wallet { - opacity: .5; - margin: 1rem auto; - width: 125px; - font-size: 14px; - padding: .3rem 0.7rem; +.manage a { + text-align: center; + text-transform: uppercase; + font-weight: 700; + color: #1ABC9C; +} + +.manage a.join { + color: #2980B9; +} + +.manage a.import { + color: #213140; +} + + + +.manage a i { + background-color: #1ABC9C; + width: 60px; + height: 60px; + padding: 0.85rem; + border-radius: 100%; + display: block; + font-size: 30px; + margin: 0 auto 20px; color: #fff; } +.manage a.join i { + background-color: #2980B9; +} + +.manage a.import i { + background-color: #213140; +} + a.button-setup { border-radius: 3px; border: 1px solid #E4E8EC; @@ -622,11 +666,8 @@ a.button-setup { .name-wallet { font-size: 14px; - width: 72%; - float: left; color: #fff; - text-transform: lowercase; - font-weight: 500; + font-weight: 700; } .name-wallet i { @@ -640,16 +681,14 @@ a.button-setup { } .founds { - font-weight: 100; - color: #B6E9DF; + font-size: 20px; + color: #7A8C9E; + font-weight: 700; } .locked { font-size: 11px; - background-color: #213140; - width: 100%; - padding: 0.3rem 0.7rem; - color: white; + color: #7A8C9E; } .hidden { @@ -1063,7 +1102,7 @@ ul.wallet-selection.wallets { } .side-nav.wallets li { - margin: 1.2rem 0; + margin: 0.8rem 0; padding: 0.3rem 0.1rem; } diff --git a/css/src/mobile.css b/css/src/mobile.css index 45835c12b..8528b0876 100644 --- a/css/src/mobile.css +++ b/css/src/mobile.css @@ -5,6 +5,10 @@ */ @media (max-width: 1024px) { + body { + overflow: hidden; + -ms-content-zooming: none; + } .loading-screen { background-color: #2C3E50; @@ -19,15 +23,48 @@ } .page, .main { - height: auto; + height: 100%; } .main { - height: 92%; - margin-top: 30px; margin-left: 0; - margin-bottom: -30px; - padding: 20px 0 80px 0; + padding: 60px 0 80px 0; + } + + /* Fix IE 10 */ + .extra-margin-bottom { + display: block + height: 75px + overflow: hidden + clear: both + } + + .main { + height: 99% + overflow: auto + } + + /* Fix IE 11 */ + _:-ms-fullscreen, :root .extra-margin-bottom { + display: block; + height: 75px; + overflow: hidden; + clear: both; + } + + _:-ms-fullscreen, :root .main { + height: 99%; + overflow: auto; + } + + /* Fix Firefox */ + @-moz-document url-prefix() { + .extra-margin-bottom { + display: block; + height: 75px; + overflow: hidden; + clear: both; + } } .tab-bar { @@ -57,18 +94,20 @@ } header { - height: 45px; - background-color: #213140; + background-image: -webkit-linear-gradient(#2C3E50 0%, #1D2833 100%); + background-image: -o-linear-gradient(#2C3E50 0%, #1D2833 100%); + background-image: linear-gradient(#2C3E50 0%, #1D2833 100%); + box-shadow: 0px 1px 0px 0px #2C3E50, inset -1px 0px 0px 0px rgba(0,0,0,0.24); + height: 120px; width: 100%; line-height: 110%; - padding-left: 0.45rem; + padding: 1rem; } header .photo-container { - width: 35px; - height: 35px; - margin-right: 10px; - margin-top: 5px; + width: 45px; + height: 45px; + margin-bottom: 5px; } header h1 { @@ -78,7 +117,7 @@ .scroll-section { position: absolute; - top: 45px; + top: 120px; overflow-y: auto; } @@ -154,7 +193,6 @@ } ul.off-canvas-list li a { - text-transform: uppercase; font-size: 12px; vertical-align: middle; font-weight: 100; @@ -180,27 +218,15 @@ opacity: 0.6; } - ul.off-canvas-list li .buttons-sidebar { + .buttons-sidebar { color: #4B6178; - font-weight: 700; - font-size: 12px; - display: block; - padding: 0.5rem 0; - } - - .buttons-sidebar .col1 { - margin-top: 2px; } .buttons-sidebar .col1 i { background-color: #fff; color: #4B6178; - border-radius: 100%; - padding: .3rem 0.55rem; - margin: 0 7px; } - .bottombar-item a { color: #7A8C9E; padding: 0.5rem 0; diff --git a/index.html b/index.html index 9dea09c41..8096a2b69 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + Copay - Multisignature Wallet