lazygit

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;
 					});

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" ],

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;
+}