UI updates

This commit is contained in:
djbadders 2019-04-13 11:44:42 +01:00
parent 46f517fc3a
commit e757679e66
8 changed files with 101 additions and 87 deletions

View File

@ -19,7 +19,6 @@
</div>
</div>
} else {
<div class="row">
<div class="col-md-12">
<div class="card-box">
@ -29,6 +28,7 @@
<thead>
<tr>
<th data-fieldid="Market" data-tablesaw-sortable-col>Market</th>
<th data-sortable-numeric="true" data-fieldid="Amount" data-tablesaw-sortable-col>Amount</th>
<th data-fieldid="TotalCost" data-tablesaw-sortable-col data-sortable-numeric="true" class="text-left" data-toggle="tooltip" data-placement="top" title="Spent total cost in @Model.Summary.MainMarket">Value</th>
<th data-fieldid="BoughtTimes" data-tablesaw-sortable-col data-sortable-numeric="true" class="text-right" data-toggle="tooltip" data-placement="top" title="Current DCA level">DCA</th>
<th data-toggle="tooltip" data-placement="top" title="Active buy strategies">Buy Strats</th>

View File

@ -89,6 +89,9 @@
<th class="align-top"><a href="@Core.Helper.SystemHelper.GetMarketLink(Model.PTMagicConfiguration.GeneralSettings.Monitor.LinkPlatform,Model.PTMagicConfiguration.GeneralSettings.Application.Exchange, dcaLogEntry.Market, Model.Summary.MainMarket)" target="_blank">@dcaLogEntry.Market</a> <i class="fa fa-exclamation-triangle text-highlight" data-toggle="tooltip" data-placement="top" data-html="true" title="@await Component.InvokeAsync("PairIcon", mps)" data-template="<div class='tooltip' role='tooltip'><div class='tooltip-arrow'></div><div class='tooltip-inner pair-tooltip'></div></div>"></i></th>
}
// Amount
<td class="text-left">@Html.Raw(@dcaLogEntry.Amount)</td>
// Value
<td class="text-left">@Html.Raw(@dcaLogEntry.TotalCost.ToString("#,#0.00000000", new System.Globalization.CultureInfo("en-US")) + " (" + Model.MainFiatCurrencySymbol + currentFiatValue.ToString("#,#0.00", new System.Globalization.CultureInfo("en-US")) + ")")</td>

File diff suppressed because one or more lines are too long

View File

@ -2,14 +2,16 @@
color: #33b5e5;
}
a:hover, a:focus, a:active {
color: #50cefc;
}
a:hover,
a:focus,
a:active {
color: #50cefc;
}
.logo > .logo-version {
font-size: 12px;
.logo>.logo-version {
font-size : 12px;
font-weight: normal;
color: #33b5e5 !important;
color : #33b5e5 !important;
margin-left: 10px;
}
@ -22,7 +24,7 @@
}
.pair-tooltip {
min-width: 400px;
min-width : 400px;
background: none;
}
@ -43,47 +45,47 @@
}
.btn-ptmagic {
border: 1px solid #33b5e5 !important;
border : 1px solid #33b5e5 !important;
background: #33b5e5;
color: #ffffff;
color : #ffffff;
}
.btn-ptmagic:hover {
border: 1px solid #33b5e5 !important;
background: #33b5e5 !important;
color: #ffffff !important;
}
.btn-ptmagic:hover {
border : 1px solid #33b5e5 !important;
background: #33b5e5 !important;
color : #ffffff !important;
}
.btn-custom.btn-ptmagic {
color: #33b5e5;
}
.btn-ptmagic.btn-mini {
padding: .15rem .5rem;
font-size: .475rem;
line-height: 1.2;
padding : .15rem .5rem;
font-size : .475rem;
line-height : 1.2;
border-radius: .1rem;
}
.btn-xs {
line-height: 1.4;
padding: 0.14286rem 0.5rem;
font-size: 0.78571rem;
padding : 0.14286rem 0.5rem;
font-size : 0.78571rem;
}
.ticker-widgets div {
display: inline-block;
margin-top: 12px;
display : inline-block;
margin-top : 12px;
margin-left: 10px;
}
.ticker-widget {
margin-top: 12px;
margin-top : 12px;
margin-right: 12px;
}
.card-box-mini {
padding: 7px;
padding : 7px;
margin-bottom: 0px;
}
@ -92,39 +94,45 @@
}
.card-box-success-outlined {
background: none;
border: 1px solid #81c868;
background : none;
border : 1px solid #81c868;
border-radius: 5px;
color: #81c868;
color : #81c868;
}
.card-box-warning-outlined {
background: none;
border: 1px solid #ffbd4a;
background : none;
border : 1px solid #ffbd4a;
border-radius: 5px;
color: #ffbd4a;
color : #ffbd4a;
}
.card-box-ptmagic-outlined {
background: none;
border: 1px solid #33b5e5;
background : none;
border : 1px solid #33b5e5;
border-radius: 5px;
color: #33b5e5;
color : #33b5e5;
}
.card-box-ptmagic-status-outlined {
background: none;
border: 1px solid #33b5e5;
background : none;
border : 1px solid #33b5e5;
border-radius: 5px;
color: #33b5e5;
padding: 7px;
color : #33b5e5;
padding : 7px;
}
.ptmagic-version {
text-align: center;
position: absolute;
bottom: 10px;
width: 100%;
position : absolute;
bottom : 10px;
width : 100%;
}
.table {
color : white;
font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 12px;
}
.tablesaw-sortable .tablesaw-sortable-head button {
@ -135,20 +143,18 @@
display: none;
}
.errorRow
{
.errorRow {
background-color: #550000;
}
.errorRow a
{
.errorRow a {
color: white;
}
.table-scroll-hori {
display: block;
width: 100%;
overflow-x: auto;
display : block;
width : 100%;
overflow-x : auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
@ -156,7 +162,7 @@
.trades-chart .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point,
.profit-chart .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point,
.balance-chart .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
fill-opacity: 1 !important;
fill-opacity : 1 !important;
stroke-opacity: 1 !important;
}
@ -166,32 +172,36 @@
text-align: left;
}
#topnav .navigation-menu > li > a i {
display: inline-block;
padding-right: 5px;
color: #33b5e5;
}
#topnav .navigation-menu>li>a i {
display : inline-block;
padding-right: 5px;
color : #33b5e5;
}
#topnav .navigation-menu > li > a {
padding-top: 12px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#topnav .navigation-menu>li>a {
padding-top : 12px;
padding-bottom: 10px;
padding-left : 10px;
padding-right : 10px;
}
#topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:focus, #topnav .navigation-menu > li > a:active {
color: #50cefc;
}
#topnav .navigation-menu > li > a:hover i, #topnav .navigation-menu > li > a:focus i, #topnav .navigation-menu > li > a:active i {
color: #c6cace;
}
#topnav .navigation-menu > li .submenu li a i {
color: #33b5e5;
width: 20px;
}
#topnav .has-submenu.active > a {
#topnav .navigation-menu>li>a:hover,
#topnav .navigation-menu>li>a:focus,
#topnav .navigation-menu>li>a:active {
color: #50cefc;
}
#topnav .navigation-menu>li>a:hover i,
#topnav .navigation-menu>li>a:focus i,
#topnav .navigation-menu>li>a:active i {
color: #c6cace;
}
#topnav .navigation-menu>li .submenu li a i {
color: #33b5e5;
width: 20px;
}
#topnav .has-submenu.active>a {
color: #50cefc;
}

View File

@ -1009,7 +1009,7 @@ select[multiple] {
width: 90%; }
.wrapper {
padding-top: 148px; }
padding-top: 130px; }
.page-title-box {
padding: 22px 0; }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -346,7 +346,7 @@
var align = positions[pAlign];
var key = pMain + "|" + pAlign;
var anchor = globalAnchors[key];
if (!anchor || !document.contains(anchor[0])) {
if (!anchor || !document.body.contains(anchor[0])) {
anchor = globalAnchors[key] = createElem("div");
var css = {};
css[main] = 0;