Commit 3780b9f7 authored by dev0tion's avatar dev0tion

Merge branch 'design' of http://www.github.com/stratisproject/breeze into design

parents b084b177 d442966c
......@@ -8,7 +8,7 @@
<div class="col-xs-12 col-md-3 text-left">
<h5>Active Wallet</h5>
<p class="lead">
<strong>{{ walletName }}</strong>
<span class="walletName text-capitalize">{{ walletName }}</span>
</p>
</div>
<div class="col-xs-12 col-md-3 text-left">
......
......@@ -40,16 +40,31 @@
</div> -->
<div class="form-group clearfix">
<label for="feeSlider">Fee</label>
<input class="form-control col text-center" formControlName="fee" type="range" min="1" max="3" value="2">
<!-- fee buttons -->
<div class="radioButtons" data-toggle="buttons">
<label class="btn btn-outline-danger">
<input type="radio" name="options" id="option1" autocomplete="off"> Slow
</label>
<label class="btn btn-outline-warning">
<input type="radio" name="options" id="option2" autocomplete="off" checked> Medium
</label>
<label class="btn btn-outline-success">
<input type="radio" name="options" id="option3" autocomplete="off"> Fast
</label>
</div>
<p>Here is the line to put the fee estimation.</p>
<!-- /fee buttons -->
</div>
<div class="form-group clearfix">
<label for="walletPassword">Wallet Password</label>
<input type="password" class="form-control form-control-success" formControlName="password" id="walletPassword" placeholder="Please enter your wallet password.">
<div *ngIf="formErrors.password" class="form-control-feedback">{{formErrors.password}}</div>
</div>
<!--
<button type="button" class="btn btn-link" (click)="buildTransaction()" [disabled]="!sendForm.valid">Estimate Fee</button>
<label *ngIf="estimatedFee">Estimated Fee: </label>
<label *ngIf="estimatedFee">{{ estimatedFee | coinNotation }} {{ coinUnit }}</label>
-->
</form>
<!-- /form-->
</div>
......
......@@ -30,7 +30,7 @@
&.disabled,
&:disabled {
cursor: $cursor-disabled;
opacity: 1;
opacity: 0;
@include box-shadow(none);
}
......
......@@ -143,12 +143,17 @@ em {
font-size: 1.85em;
font-weight: 500;
margin-bottom: 0;
.walletName {
font-size: 0.7em;
font-weight: normal;
}
.h2 {
font-size: 2em;
font-weight: 600;
}
small {
font-size: .75em;
font-size: .5em;
padding-left: .5em;
font-weight: 400;
}
......@@ -248,20 +253,24 @@ em {
}
}
#modalSend {
label {
label {font-size: .825em;}
.float-right {a {text-decoration: underline; &:hover {text-decoration: none;}}}
// Fee Buttons
.radioButtons {
.btn {
border-radius: 50px;
}
}
p {
color: $blue;
text-transform: uppercase;
font-size: .825em;
font-style: italic;
}
.float-right {a {text-decoration: underline; &:hover {text-decoration: none;}}}
.btn-link {padding: 0 !important;}
}
#modalReceive {
.modal-body {padding: 0 3em;}
label {
color: $blue;
text-transform: uppercase;
font-size: .825em;
}
label {font-size: .825em;}
}
#modalDetail, #modalCheck, #modalSettings {
.blockLabel {
......
......@@ -51,7 +51,7 @@
background-color: $dropdown-bg;
background-clip: padding-box;
border: $dropdown-border-width solid $dropdown-border-color;
@include border-radius($border-radius);
border-radius: 50px;
@include box-shadow($dropdown-box-shadow);
}
......
......@@ -91,7 +91,7 @@
.modal-title {
text-align: center;
line-height: $modal-title-line-height;
margin-bottom: 2em;
margin-bottom: 1em;
color: $blue;
font-size: 1em;
}
......
......@@ -798,8 +798,8 @@ $badge-pill-border-radius: 10rem !default;
// Padding applied to the modal body
$modal-inner-padding: 3em !default;
$modal-dialog-margin: 30px !default;
$modal-dialog-sm-up-margin-y: 30px !default;
$modal-dialog-margin: 20px !default;
$modal-dialog-sm-up-margin-y: 20px !default;
$modal-title-line-height: $line-height-base !default;
......
......@@ -174,13 +174,18 @@ em.display-4 {
margin-bottom: 0;
}
.jumbotron .lead .walletName {
font-size: 0.7em;
font-weight: normal;
}
.jumbotron .lead .h2 {
font-size: 2em;
font-weight: 600;
}
.jumbotron .lead small {
font-size: .75em;
font-size: .5em;
padding-left: .5em;
font-weight: 400;
}
......@@ -292,8 +297,6 @@ em.display-4 {
}
#modalSend label {
color: #7385A0;
text-transform: uppercase;
font-size: .825em;
}
......@@ -305,13 +308,25 @@ em.display-4 {
text-decoration: none;
}
#modalSend .radioButtons .btn {
border-radius: 50px;
}
#modalSend p {
color: #7385A0;
font-size: .825em;
font-style: italic;
}
#modalSend .btn-link {
padding: 0 !important;
}
#modalReceive .modal-body {
padding: 0 3em;
}
#modalReceive label {
color: #7385A0;
text-transform: uppercase;
font-size: .825em;
}
......@@ -3251,7 +3266,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.btn.disabled, .btn:disabled {
cursor: not-allowed;
opacity: 1;
opacity: 0;
}
.btn:active, .btn.active {
......@@ -5752,7 +5767,7 @@ button.close {
.modal-dialog {
position: relative;
width: auto;
margin: 30px;
margin: 20px;
}
.modalBg {
......@@ -5797,7 +5812,7 @@ button.close {
.modal-title {
text-align: center;
line-height: 1.5;
margin-bottom: 2em;
margin-bottom: 1em;
color: #7385A0;
font-size: 1em;
}
......@@ -5834,7 +5849,7 @@ button.close {
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 30px auto;
margin: 20px auto;
}
.modal-sm {
max-width: 360px;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment