From 9c6dd9ef4953f6e421feb6e6684ef43da26f6b75 Mon Sep 17 00:00:00 2001 From: Frankie Date: Wed, 10 Aug 2016 13:43:01 -0700 Subject: Create "buy form" add shape shift --- ui/app/css/index.css | 110 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) (limited to 'ui/app/css/index.css') diff --git a/ui/app/css/index.css b/ui/app/css/index.css index 3f52b6ed4..f31bf5aaa 100644 --- a/ui/app/css/index.css +++ b/ui/app/css/index.css @@ -151,12 +151,14 @@ textarea.twelve-word-phrase { .network-name { position: absolute; top: 8px; + left: 60px; width: 5.2em; line-height: 9px; text-rendering: geometricPrecision; } .check { + margin-left: 7px; color: #F7861C; flex: 1 0 auto; display: flex; @@ -463,3 +465,111 @@ input.large-input { display: inline-block; padding-left: 5px; } + +/* buy eth warning screen */ + +.eth-warning{ + transition: opacity 400ms ease-in, transform 400ms ease-in; +} + +.buy-subview{ + transition: opacity 400ms ease-in, transform 400ms ease-in; +} + +.input-container:hover .edit-text{ + visibility: visible; +} + +.buy-inputs{ + font-family: 'Montserrat Light'; + font-size: 13px; + height: 20px; + background: transparent; + box-sizing: border-box; + border: solid; + border-color: transparent; + border-width: 0.5px; + border-radius: 2px; + +} +.input-container:hover .buy-inputs{ + box-sizing: inherit; + border: solid; + border-color: #F7861C; + border-width: 0.5px; + border-radius: 2px; +} + +.buy-inputs:focus{ + border: solid; + border-color: #F7861C; + border-width: 0.5px; + border-radius: 2px; +} + +.activeForm { + background: #F7F7F7; + border: none; + border-radius: 8px 8px 0px 0px; + width: 50%; + text-align: center; + padding-bottom: 4px; + +} + +.inactiveForm { + border: none; + border-radius: 8px 8px 0px 0px; + width: 50%; + text-align: center; + padding-bottom: 4px; +} + +.ex-coins { + font-family: 'Montserrat Regular'; + text-transform: uppercase; + text-align: center; + font-size: 33px; + width: 118px; + height: 42px; + padding: 1px; + color: #4D4D4D; +} + +.marketinfo{ + font-family: 'Montserrat light'; + color: #AEAEAE; + font-size: 12px; + line-height: 14px; +} + +#fromCoin::-webkit-calendar-picker-indicator { + display: none; +} + +#coinList { + width: 400px; + height: 500px; + overflow: scroll; +} + +.icon-control .fa-refresh{ + visibility: hidden; +} + +.icon-control:hover .fa-refresh{ + visibility: visible; +} + +.icon-control:hover .fa-chevron-right{ + visibility: hidden; +} + +.inactive { + color: #AEAEAE; +} + +.inactive button{ + background: #AEAEAE; + color: white; +} -- cgit v1.2.3 From b4c9a5225947f9aadac5fd1bb23fde64740d774a Mon Sep 17 00:00:00 2001 From: Frankie Date: Fri, 12 Aug 2016 15:41:59 -0700 Subject: Change buy forms so that they are their own view and add Qr-code --- ui/app/css/index.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'ui/app/css/index.css') diff --git a/ui/app/css/index.css b/ui/app/css/index.css index f31bf5aaa..3b385ad85 100644 --- a/ui/app/css/index.css +++ b/ui/app/css/index.css @@ -573,3 +573,12 @@ input.large-input { background: #AEAEAE; color: white; } + +.ellip-address { + overflow: hidden; + text-overflow: ellipsis; + width: 5em; + font-size: 14px; + font-family: "Montserrat Light"; + margin-left: 5px; +} -- cgit v1.2.3 From 99a788a6f02ffcd53e88222ab0ba4b89d8040f4f Mon Sep 17 00:00:00 2001 From: Frankie Date: Fri, 12 Aug 2016 17:43:24 -0700 Subject: Add multi message capability to Qr view for market info --- ui/app/css/index.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'ui/app/css/index.css') diff --git a/ui/app/css/index.css b/ui/app/css/index.css index 3b385ad85..1278e95c9 100644 --- a/ui/app/css/index.css +++ b/ui/app/css/index.css @@ -582,3 +582,13 @@ input.large-input { font-family: "Montserrat Light"; margin-left: 5px; } + +.qr-message { + font-size: 12px; + color: #F7861C; +} + +div.message-container > div:first-child { + font-size: 15px; + color: #4D4D4D; +} -- cgit v1.2.3