Separate stylesheet

Author: CrossEye

tiddlers/$__supp-info_core_modules_filters_jsondelete.js.meta

@@ -1,5 +1,6 @@
+caption: jsondelete
 created: 20251110234012768
-modified: 20251110234231934
+modified: 20251115161940178
 module-type: filteroperator
 tags: 
 title: $:/supp-info/core/modules/filters/jsondelete.js

tiddlers/$__supp-info_core_sidebar_supp-info.tid

@@ -1,12 +1,12 @@
-caption: Supp
+caption: Supp Notes Sidebar
 created: 20251113195712539
-modified: 20251113200504449
+modified: 20251115164436518
 tags: $:/tags/SideBar
 title: $:/supp-info/core/sidebar/supp-info
 type: text/vnd.tiddlywiki
 
 ----------
-<<list-links "[prefix[$:/supp-info]] -[[$:/supp-info/core/sidebar/supp-info]]">>
+<<list-links "[prefix[$:/supp-info]]">>
 
 ----------
 <<list-links "HelloThere [[Quick Start]] [[Find Out More]]">>

tiddlers/$__supp-info_notes_content.json.meta

@@ -1,6 +1,6 @@
-%: true
+caption: Supp Notes Content
 created: 20251107151758434
-modified: 20251115161104742
+modified: 20251115162005320
 tags: $:/tags/SupplementaryInfo
 title: $:/supp-info/notes/content
 type: application/json

tiddlers/$__supp-info_notes_styles_main.css

@@ -0,0 +1,25 @@
+.supp-notes {
+  div.debug {background: red; color: white; font-weight: bold; font-size: 150%;}
+  background-color: #ffc;
+  margin-top: 3em;
+  padding: 0;
+  .controls {
+    display: inline-block;
+    margin-left: 1em;
+    svg {width: 1em; height: 1em; vertical-align: middle;}
+  }
+  summary {background-color: #996; color: white; padding: .5em; font-weight: bold;}
+  .note-row {
+    display: flex; 
+    flex-direction: row; 
+    gap: .75em;
+    align-items: center;
+    padding: .5em;
+    &button {
+      flex: 0 1 auto;
+      width: 2em;
+      svg {width: 1.5em; height: 1em; vertical-align: middle;}    }
+    div.note {flex: 1 0 auto;}
+  }
+  .note {border: 1px solid #ccc; padding: .25em .5em; margin-top: .5em; &>:first-child {margin-top: 0;}}
+}

tiddlers/$__supp-info_notes_styles_main.css.meta

@@ -0,0 +1,6 @@
+caption: Supp Notes Stylesheet
+created: 20251115161726500
+modified: 20251115161906202
+tags: $:/tags/Stylesheet
+title: $:/supp-info/notes/styles/main
+type: text/css

tiddlers/$__supp-info_notes_view-template.tid

@@ -1,5 +1,7 @@
+caption: Supp Notes Template
 created: 20251107152410791
-modified: 20251115161001828
+modified: 20251115162236544
+query: [prefix[$:/supp-info]]
 tags: $:/tags/ViewTemplate
 title: $:/supp-info/notes/view-template
 type: text/vnd.tiddlywiki
@@ -26,7 +28,7 @@ type: text/vnd.tiddlywiki
     temp=`$:/temp/supp-info/notes/$(currentTiddler)$/$(index)$` 
     text={{{ [<temp>get[text]] }}} 
     json={{{ [{$:/supp-info/notes/content}jsonset<currentTiddler>,<index>,<text>format:json[2]] }}}
->
+  >
     <$action-setfield $tiddler="$:/supp-info/notes/content" $field="text" $value=<<json>> />
   </$let>
 \end edit-note
@@ -81,31 +83,4 @@ type: text/vnd.tiddlywiki
 </$let>
 </div>
 
-<style>
-.supp-notes {
-  div.debug {background: red; color: white; font-weight: bold; font-size: 150%;}
-  background-color: #ffc;
-  margin-top: 3em;
-  padding: 0;
-  .controls {
-    display: inline-block;
-    margin-left: 1em;
-    svg {width: 1em; height: 1em; vertical-align: middle;}
-  }
-  summary {background-color: #996; color: white; padding: .5em; font-weight: bold;}
-  .note-row {
-    display: flex; 
-    flex-direction: row; 
-    gap: .75em;
-    align-items: center;
-    padding: .5em;
-    &button {
-      flex: 0 1 auto;
-      width: 2em;
-      svg {width: 1.5em; height: 1em; vertical-align: middle;}    }
-    div.note {flex: 1 0 auto;}
-  }
-  .note {border: 1px solid #ccc; padding: .25em .5em; margin-top: .5em; &>:first-child {margin-top: 0;}}
-}
-</style
 <% endif %>