|
|
|
@ -1152,14 +1152,16 @@ class TradePortal extends LitElement {
|
|
|
|
|
coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').setAttribute('style', 'padding-left: 60px;') |
|
|
|
|
//create the coin pair container
|
|
|
|
|
let pairIconContainer = document.createElement("span") |
|
|
|
|
let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() |
|
|
|
|
pairIconContainer.setAttribute("class","pairIconContainer") |
|
|
|
|
pairIconContainer.setAttribute('style', 'left: 10px;top: 50%;transform: translate(0, -50%);height: 26px;width: 45px;position: absolute;background-repeat: no-repeat;background-size: cover;background-image: url(/img/qort'+_this.listedCoins.get(_this.selectedCoin).coinCode+'.png);') |
|
|
|
|
pairIconContainer.setAttribute('style', 'left: 10px;top: 50%;transform: translate(0, -50%);height: 26px;width: 45px;position: absolute;background-repeat: no-repeat;background-size: cover;background-image: url(/img/qort'+pairicon+'.png);') |
|
|
|
|
|
|
|
|
|
//appending the coin pair container to the menu
|
|
|
|
|
coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').appendChild(pairIconContainer) |
|
|
|
|
}else{//we need just to update the existing pair icon container
|
|
|
|
|
let pairIconContainer = coinSelectionMenu.shadowRoot.querySelector(".mdc-select--outlined .mdc-select__anchor span.pairIconContainer") |
|
|
|
|
pairIconContainer.style.backgroundImage='url(/img/qort'+_this.listedCoins.get(_this.selectedCoin).coinCode+'.png)' |
|
|
|
|
let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() |
|
|
|
|
pairIconContainer.style.backgroundImage='url(/img/qort'+pairicon+'.png)' |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.isLoadingHistoricTrades = true |
|
|
|
|