Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-04-24 20:07:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix button spinner and dialog to dark

Browse Source
This commit is contained in:
AlphaX-Projects 2022-03-18 15:46:14 +01:00 committed by GitHub
parent a0db12c96f
commit a797315c94
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 359 additions and 349 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js
View File

@ -53,6 +53,8 @@ class TradePortal extends LitElement {
--mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder); --mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder);
--mdc-select-label-ink-color: var(--black); --mdc-select-label-ink-color: var(--black);
--mdc-select-ink-color: var(--black); --mdc-select-ink-color: var(--black);
--mdc-theme-surface: var(--white);
--mdc-dialog-content-ink-color: var(--black);
--paper-input-container-focus-color: var(--mdc-theme-primary); --paper-input-container-focus-color: var(--mdc-theme-primary);
--lumo-primary-text-color: rgb(0, 167, 245); --lumo-primary-text-color: rgb(0, 167, 245);
--lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5);
@ -66,6 +68,13 @@ class TradePortal extends LitElement {
--_lumo-grid-secondary-border-color: var(--border2); --_lumo-grid-secondary-border-color: var(--border2);
} }
paper-spinner-lite {
height: 30px;
width: 30px;
--paper-spinner-color: var(--mdc-theme-primary);
--paper-spinner-stroke-width: 3px;
}
mwc-tab-bar { mwc-tab-bar {
--mdc-text-transform: none; --mdc-text-transform: none;
--mdc-tab-color-default: var(--black); --mdc-tab-color-default: var(--black);
@ -389,8 +398,9 @@ class TradePortal extends LitElement {
column-gap: 0.5em; column-gap: 0.5em;
row-gap: 0.4em; row-gap: 0.4em;
} }
} }
`; `
} }
constructor() { constructor() {
@ -498,7 +508,7 @@ class TradePortal extends LitElement {
</div> </div>
</div> </div>
</div> </div>
`; `
} }
openTradesTemplate() { openTradesTemplate() {
@ -553,7 +563,7 @@ class TradePortal extends LitElement {
</div> </div>
</div> </div>
</div> </div>
`; `
} }
openMarketTemplate() { openMarketTemplate() {
@ -685,7 +695,7 @@ class TradePortal extends LitElement {
</div> </div>
</div> </div>
</div> </div>
`; `
} }
myOpenOrdersTemplate() { myOpenOrdersTemplate() {
@ -750,7 +760,7 @@ class TradePortal extends LitElement {
</div> </div>
</div> </div>
</div> </div>
`; `
} }
myHistoricTradesTemplate() { myHistoricTradesTemplate() {
@ -810,7 +820,7 @@ class TradePortal extends LitElement {
</div> </div>
</div> </div>
</div> </div>
`; `
} }
render() { render() {
@ -837,7 +847,7 @@ class TradePortal extends LitElement {
</div> </div>
<!-- Manage Stuck Orders Dialog --> <!-- Manage Stuck Orders Dialog -->
<mwc-dialog id="manageStuckOrdersDialog" scrimClickAction="${this.cancelStuckOfferBtnDisable ? '' : 'close'}"> <mwc-dialog id="manageStuckOrdersDialog" scrimClickAction="${this.cancelStuckOfferBtnDisable ? '' : 'close'}">
<div style="text-align:center"> <div style="text-align: center;">
<h1>Stuck Offers</h1> <h1>Stuck Offers</h1>
<hr /> <hr />
</div> </div>
@ -851,7 +861,7 @@ class TradePortal extends LitElement {
</div> </div>
<mwc-button slot="primaryAction" dialogAction="cancel" class="cancel">Close</mwc-button> <mwc-button slot="primaryAction" dialogAction="cancel" class="cancel">Close</mwc-button>
</mwc-dialog> </mwc-dialog>
`; `
} }
firstUpdated() { firstUpdated() {