From b87cabb0121a80f4fa39b2b4953df088b3d6524b Mon Sep 17 00:00:00 2001
From: Gregory Leeman <gl6@sanger.ac.uk>
Date: Wed, 21 May 2025 10:59:10 +0100
Subject: [PATCH] lazygit

---
 workflowy-helper/main.js       |  3 ++
 workflowy-helper/manifest.json |  4 +++
 workflowy-helper/style.css     | 58 ++++++++++++++++++++--------------
 3 files changed, 41 insertions(+), 24 deletions(-)

diff --git a/workflowy-helper/main.js b/workflowy-helper/main.js
index e48b036..474ecb3 100644
--- a/workflowy-helper/main.js
+++ b/workflowy-helper/main.js
@@ -238,6 +238,9 @@
 				if (text.startsWith("!")) {
 					console.log("found ! in text");
 					const links = [...n.querySelectorAll('a.contentLink')];
+					links.forEach(link => {
+						link.classList.add("imgLink");
+					});
 					const imgSrcs = links.map(link => {
 						return link.href;
 					});
diff --git a/workflowy-helper/manifest.json b/workflowy-helper/manifest.json
index 1672c67..48e0177 100644
--- a/workflowy-helper/manifest.json
+++ b/workflowy-helper/manifest.json
@@ -3,6 +3,10 @@
    "background": {
       "scripts": [ "background.js" ]
    },
+  "host_permissions": [
+      "https://fonts.googleapis.com/*",
+      "https://fonts.gstatic.com/*"
+   ],
    "content_scripts": [ 
        {
           "js": [ "jquery.min.js", "main.js" ],
diff --git a/workflowy-helper/style.css b/workflowy-helper/style.css
index 90cce71..466cbd4 100644
--- a/workflowy-helper/style.css
+++ b/workflowy-helper/style.css
@@ -172,9 +172,9 @@ body::-webkit-scrollbar {
 .linked-xPROJECT.tagged-ACTIVE > .notes .innerContentContainer {
 	color: var(--magenta);
 }
-.linked-xPROJECT.tagged-ACTIVE > .notes > .content {
-	border-bottom: 1px solid var(--magenta);
-}
+/* .linked-xPROJECT.tagged-ACTIVE > .notes > .content { */
+/* 	border-bottom: 1px solid var(--magenta); */
+/* } */
 
 .linked-xPROJECT.tagged-ARCHIVE .name > .content > .innerContentContainer::before {
 	color: var(--dark-grey) !important;
@@ -190,9 +190,9 @@ body::-webkit-scrollbar {
 .linked-xPROJECT.tagged-ARCHIVE .name > .bullet {
 	color: var(--dark-grey) !important;
 }
-.linked-xPROJECT.tagged-ARCHIVE > .notes > .content {
-	border-bottom: 1px solid var(--dark-grey);
-}
+/* .linked-xPROJECT.tagged-ARCHIVE > .notes > .content { */
+/* 	border-bottom: 1px solid var(--dark-grey); */
+/* } */
 
 
 .linked-xPROJECT.tagged-PLANT > .name > .content > .innerContentContainer::before {
@@ -203,9 +203,9 @@ body::-webkit-scrollbar {
 .linked-xPROJECT.tagged-PLANT > .notes .innerContentContainer {
 	color: var(--orange);
 }
-.linked-xPROJECT.tagged-PLANT > .notes > .content {
-	border-bottom: 1px solid var(--orange);
-}
+/* .linked-xPROJECT.tagged-PLANT > .notes > .content { */
+/* 	border-bottom: 1px solid var(--orange); */
+/* } */
 
 .linked-xPROJECT.tagged-STALLED > .name > .content > .innerContentContainer::before {
 	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(120deg) brightness(100%) contrast(100%); */
@@ -215,9 +215,9 @@ body::-webkit-scrollbar {
 .linked-xPROJECT.tagged-STALLED > .notes .innerContentContainer {
 	color: var(--cyan);
 }
-.linked-xPROJECT.tagged-STALLED > .notes > .content {
-	border-bottom: 1px solid var(--cyan);
-}
+/* .linked-xPROJECT.tagged-STALLED > .notes > .content { */
+/* 	border-bottom: 1px solid var(--cyan); */
+/* } */
 
 .linked-xPROJECT.tagged-SOMEDAY > .name > .content > .innerContentContainer::before {
 	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(100%) contrast(100%); */
@@ -227,9 +227,9 @@ body::-webkit-scrollbar {
 .linked-xPROJECT.tagged-SOMEDAY > .notes .innerContentContainer {
 	color: var(--violet);
 }
-.linked-xPROJECT.tagged-SOMEDAY > .notes > .content {
-	border-bottom: 1px solid var(--violet);
-}
+/* .linked-xPROJECT.tagged-SOMEDAY > .notes > .content { */
+/* 	border-bottom: 1px solid var(--violet); */
+/* } */
 
 
 /* .linked-xHABIT > .name > .content > .innerContentContainer::before { */
@@ -492,47 +492,57 @@ body::-webkit-scrollbar {
 	margin-left: 0;
 }
 
-.hotspot-admin > .name .innerContentContainer::after {
+.hotspot-admin.linked > .name .innerContentContainer::after {
 	content: "✏️";
 	margin-left: 4px;
 }
 
-.hotspot-mind > .name .innerContentContainer::after {
+.hotspot-mind.linked > .name .innerContentContainer::after {
 	content: "🧠";
 	margin-left: 4px;
 }
 
-.hotspot-health > .name .innerContentContainer::after {
+.hotspot-health.linked > .name .innerContentContainer::after {
 	content: "💪";
 	margin-left: 4px;
 }
 
-.hotspot-art > .name .innerContentContainer::after {
+.hotspot-art.linked > .name .innerContentContainer::after {
 	content: "🎨";
 	margin-left: 4px;
 }
 
-.hotspot-side > .name .innerContentContainer::after {
+.hotspot-side.linked > .name .innerContentContainer::after {
 	content: "🖼️";
 	margin-left: 4px;
 }
 
-.hotspot-social > .name .innerContentContainer::after {
+.hotspot-social.linked > .name .innerContentContainer::after {
 	content: "👥";
 	margin-left: 4px;
 }
 
-.hotspot-job > .name .innerContentContainer::after {
+.hotspot-job.linked > .name .innerContentContainer::after {
 	content: "💻";
 	margin-left: 4px;
 }
 
-.hotspot-church > .name .innerContentContainer::after {
+.hotspot-church.linked > .name .innerContentContainer::after {
 	content: "☦️";
 	margin-left: 4px;
 }
 
-.hotspot-work > .name .innerContentContainer::after {
+.hotspot-work.linked > .name .innerContentContainer::after {
 	content: "💼";
 	margin-left: 4px;
 }
+
+.imgLink {
+	font-size: 0;
+}
+
+.imgLink::before {
+	content: "link";
+	font-size: 16px;
+	margin-left: 4px;
+}