]> git.scottworley.com Git - vopamoi/blobdiff - index.html
Provide a visual indicator of the current view-state
[vopamoi] / index.html
index 845300711280e786ea81280896edbb2f2a321406..2714223581e82150203234890861605c37cb9e70 100644 (file)
@@ -3,10 +3,15 @@
   <head>
     <script src="vopamoi.js" defer="true"></script>
     <link rel="stylesheet" href="vopamoi.css"/>
   <head>
     <script src="vopamoi.js" defer="true"></script>
     <link rel="stylesheet" href="vopamoi.css"/>
-    <style id="viewStyle">.task:not([data-state=todo]) { display: none }</style>
+    <style id="viewStyle">
+      .task:not([data-state=todo]) { display: none }
+      :root { --view-state-indicator-color: white; }
+    </style>
   </head>
   <body onload="browserInit();">
   </head>
   <body onload="browserInit();">
-    <input id="taskName" name="taskName">
-    <div id="tasks"></div>
+    <div id="ui">
+      <input id="taskName" name="taskName">
+      <div id="tasks"></div>
+    </div>
   </body>
 </html>
   </body>
 </html>