diff src/index.ts @ 83:b973d7f95fdf

bake out the stylus to plain css; add this https://ziga-petek.medium.com/using-fonts-in-web-components-6aba251ed4e5 to make fonts work
author drewp@bigasterisk.com
date Wed, 17 Nov 2021 16:42:59 -0800
parents 7c93e17b1111
children 067d66a45a51
line wrap: on
line diff
--- a/src/index.ts	Wed Nov 17 15:37:45 2021 -0800
+++ b/src/index.ts	Wed Nov 17 16:42:59 2021 -0800
@@ -6,7 +6,7 @@
 
 // import { GraphView } from './graph_view';
 import { StreamedGraphClient } from './streamed_graph_client';
-// import style from './style.styl';
+import { style, addFontToRootPage } from './style';
 
 // export * from "./graph_queries";
 
@@ -37,6 +37,7 @@
 
   render()  {
     const expandAction = this.expanded ? '-' : '+';
+  static styles=style;
     return html`
          <div id="ui">
            <span class="expander"
@@ -56,6 +57,7 @@
 //     this.graphViewEl = (this.shadowRoot as ShadowRoot).getElementById(
 //       "graphView"
 //     ) as Element;
+    addFontToRootPage();
 
     this._onUrl(this.url); // todo: watch for changes and rebuild
     if (this.expanded) {