static: fix codemirror css not being loaded

passbook/core/templates/shell.html

@@ -6,12 +6,6 @@
 {% load passbook_is_active %}
 {% load passbook_utils %}
 
-{% block head %}
-{{ block.super }}
-<link rel="stylesheet" href="{% static 'node_modules/codemirror/lib/codemirror.css' %}">
-<link rel="stylesheet" href="{% static 'node_modules/codemirror/theme/monokai.css' %}">
-{% endblock %}
-
 {% block page_content %}
 <pb-sidebar class="pf-c-page__sidebar" brandLogo="{{ config.passbook.branding.logo }}" {% if config.passbook.branding.title_show %} brandTitle="{{ config.passbook.branding.title }}" {% endif %}>
 </pb-sidebar>

passbook/static/static/src/elements/SidebarBrand.ts

@@ -40,7 +40,11 @@ export class SidebarBrand extends LitElement {
     render() {
         return html` <a href="#/" class="pf-c-page__header-brand-link">
             <div class="pf-c-brand pb-brand">
-                <img src="${this.brandLogo}" alt="passbook icon" />
+                <img
+                    src="${this.brandLogo}"
+                    alt="passbook icon"
+                    loading="lazy"
+                />
                 ${this.brandTitle ? html`<span>${this.brandTitle}</span>` : ""}
             </div>
         </a>`;

passbook/static/static/src/pages/RouterOutlet.ts

@@ -11,6 +11,10 @@ import PF from "@patternfly/patternfly/patternfly.css";
 import PFAddons from "@patternfly/patternfly/patternfly-addons.css";
 // @ts-ignore
 import PBGlobal from "../../passbook/passbook.css";
+// @ts-ignore
+import CodeMirrorStyle from "codemirror/lib/codemirror.css";
+// @ts-ignore
+import CodeMirrorTheme from "codemirror/theme/monokai.css";
 
 export interface Route {
     url: RegExp;
@@ -39,7 +43,7 @@ export class RouterOutlet extends LitElement {
     defaultUrl?: string;
 
     static get styles() {
-        return [PF, PFAddons, PBGlobal];
+        return [PF, PFAddons, PBGlobal, CodeMirrorStyle, CodeMirrorTheme];
     }
 
     constructor() {