From 026fe3d674dc5df2fc67a0c032e380cd587b1423 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Tue, 8 Mar 2022 00:20:55 -0800
Subject: [PATCH] Fix Lit

---
 qortal-ui-core/src/styles/app-styles.js | 24 +-----------------------
 qortal-ui-core/src/styles/app-theme.js  | 11 +----------
 2 files changed, 2 insertions(+), 33 deletions(-)

diff --git a/qortal-ui-core/src/styles/app-styles.js b/qortal-ui-core/src/styles/app-styles.js
index e35ec88d..09a9a1ca 100644
--- a/qortal-ui-core/src/styles/app-styles.js
+++ b/qortal-ui-core/src/styles/app-styles.js
@@ -1,19 +1,9 @@
-import { LitElement, html } from 'lit-element'
+import { LitElement, html } from 'lit'
 
-// import '../styles/styles.scss'
 import './styles.scss'
 import './app-theme.js'
 
 class AppStyles extends LitElement {
-    // static get styles () {
-    //     return [
-    //         css`
-    //             html, * {
-    //                 color: var(--color, green);
-    //             }
-    //         `
-    //     ]
-    // }
 
     /* Disable shadow DOM, so that the styles DO bleed */
     createRenderRoot () {
@@ -23,12 +13,6 @@ class AppStyles extends LitElement {
     render () {
         return html`
             <style>
-                /* NOT THE IDEAL SOLUTION. Would be better to compile sass and inline it here...
-                someone can do this for me at some point...or I could  */
-                /* https://material.io/develop/web/components/layout-grid/ */
-
-                /* @import url('/'); */
-
                 * {
                     /* from https://codepen.io/sdthornton/pen/wBZdXq/ */
                     --shadow-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
@@ -36,7 +20,6 @@ class AppStyles extends LitElement {
                     --shadow-3: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
                     --shadow-4: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
                     --shadow-5: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
-
                     --paper-input-container-focus-color: var(--mdc-theme-secondary);
                     
                     font-family: "Roboto", sans-serif;
@@ -65,20 +48,15 @@ class AppStyles extends LitElement {
     _windowResized () {
         const ua = navigator.userAgent
         const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(ua)
-        // console.log(isMobile, 'MOBILE')
         const isChrome = /Chrome/i.test(ua)
         const isSafari = /Version\/[\d\.]+.*Safari/.test(ua)
 
         if (isMobile && isChrome) {
             this.windowHeight = html`calc(100vh - 56px)`
-            // document.body.style.setProperty('--window-height', 'calc(100vh - 56px)')
-            // console.log('not same')
         } else if (isMobile && isSafari) {
             this.windowHeight = html`calc(100vh - 72px)`
         } else {
             this.windowHeight = html`100vh`
-            // document.body.style.setProperty('--window-height', '100vh')
-            // console.log('same')
         }
     }
 }
diff --git a/qortal-ui-core/src/styles/app-theme.js b/qortal-ui-core/src/styles/app-theme.js
index 7a70ac27..7a94f99f 100644
--- a/qortal-ui-core/src/styles/app-theme.js
+++ b/qortal-ui-core/src/styles/app-theme.js
@@ -1,17 +1,8 @@
-import { LitElement, html } from 'lit-element'
+import { LitElement, html } from 'lit'
 import { connect } from 'pwa-helpers'
 import { store } from '../store.js'
 
 class AppTheme extends connect(store)(LitElement) {
-    // static get styles () {
-    //     return [
-    //         css`
-    //             html, * {
-    //                 color: var(--color, green);
-    //             }
-    //         `
-    //     ]
-    // }
 
     static get properties () {
         return {