optical enhancements
This commit is contained in:
@@ -100,6 +100,7 @@ body {
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
color:crimson;
|
color:crimson;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#frmOrder ul li {
|
#frmOrder ul li {
|
||||||
@@ -119,10 +120,15 @@ body {
|
|||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
#frmOrder span.openType {
|
#frmOrder span.openTypebuy {
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
#frmOrder span.openTypesell {
|
||||||
|
font-weight: bolder;
|
||||||
|
color: crimson;
|
||||||
|
}
|
||||||
|
|
||||||
#frmOrder span.singlePrice {
|
#frmOrder span.singlePrice {
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
@@ -164,6 +170,11 @@ body {
|
|||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
margin-left: 1px;
|
margin-left: 1px;
|
||||||
}
|
}
|
||||||
|
.plusMinusContainer{
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -20;
|
||||||
|
left: 250;
|
||||||
|
}
|
||||||
|
|
||||||
.priceClick {
|
.priceClick {
|
||||||
cursor: copy;
|
cursor: copy;
|
||||||
|
|||||||
@@ -56,7 +56,10 @@ let createOrderFrame=()=>{
|
|||||||
}
|
}
|
||||||
|
|
||||||
me.innerHTML=`
|
me.innerHTML=`
|
||||||
<a class='danger' onclick='this.parentElement.removeFromOrder();'>[X]</a> ${myMasterFilter.selectedDate}|${myMasterFilter.selectedTime.substr(0,5)}|<span class="opentype">${openType}</span>@<span class="singlePrice">${Math.abs(me.singleCostAmount).toLocaleString('en',{minimumFractionDigits: 0, maximumFractionDigits: 2})}</span>|<span class='quantity'>${me.quantity}</span> <a class='plusMinus' onclick='this.parentElement.increaseQty();'>[+]</a><a class='plusMinus' onclick='this.parentElement.decreaseQty();'>[-]</a>
|
<a class='danger' onclick='this.parentElement.removeFromOrder();'>[X]</a> <b>${myMasterFilter.selectedDate}|${myMasterFilter.selectedTime.substr(0,5)}</b>|<span class="opentype${openType}">${openType}</span>@<span class="singlePrice">${Math.abs(me.singleCostAmount).toLocaleString('en',{minimumFractionDigits: 0, maximumFractionDigits: 2})}</span>|<span class='quantity'>${me.quantity}</span>
|
||||||
|
<div class='plusMinusContainer'>
|
||||||
|
<a class='plusMinus' onclick='this.parentElement.parentElement.increaseQty();'>[+]</a><a class='plusMinus' onclick='this.parentElement.parentElement.decreaseQty();'>[-]</a>
|
||||||
|
</div>
|
||||||
<div class='orderItemLine2'>
|
<div class='orderItemLine2'>
|
||||||
${optionData.symbol} => <span class='totalCost'>${me.totalCostAmount.toLocaleString('en',{minimumFractionDigits: 0, maximumFractionDigits: 2})}</span>
|
${optionData.symbol} => <span class='totalCost'>${me.totalCostAmount.toLocaleString('en',{minimumFractionDigits: 0, maximumFractionDigits: 2})}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user