vault backup: 2024-02-17 23:27:17

.obsidian/plugins/todoist-sync-plugin/data.json

@@ -2,11 +2,13 @@
   "fadeToggle": true,
   "autoRefreshToggle": false,
   "autoRefreshInterval": 60,
+  "renderDescription": true,
   "renderDate": true,
   "renderDateIcon": true,
   "renderProject": true,
   "renderProjectIcon": true,
   "renderLabels": true,
   "renderLabelsIcon": true,
+  "shouldWrapLinksInParens": false,
   "debugLogging": false
 }

.obsidian/plugins/todoist-sync-plugin/manifest.json

@@ -1,8 +1,8 @@
 {
   "id": "todoist-sync-plugin",
-  "name": "Todoist Plugin",
-  "version": "1.9.0",
-  "minAppVersion": "0.12.2",
+  "name": "Todoist Sync",
+  "version": "1.12.0",
+  "minAppVersion": "1.0.0",
   "description": "Materialize Todoist tasks within Obsidian notes.",
   "author": "Jamie Brynes",
   "authorUrl": "https://github.com/jamiebrynes7/obsidian-todoist-plugin",

.obsidian/plugins/todoist-sync-plugin/styles.css

@@ -3,15 +3,36 @@
   font-size: 1.25em;
 }
 
-.todoist-refresh-button {
-  display: inline;
-  margin-left: 8px;
-  margin-right: 8px;
-  float: right;
+.is-live-preview .todoist-refresh-button {
+  /* The refresh button sits next to the built-in 'Edit' button. So we need to place this excatly to the right of that one. But with --size-2-2 as buffer to it. */
+  margin-right: calc(var(--icon-size) + 3 * var(--size-2-2));
 }
 
-.todoist-refresh-spin {
-  animation: spin 1s linear infinite;
+.is-live-preview .todoist-add-button {
+  /* The add button is two buttons in, so we need to double the padding size */
+  margin-right: calc(2 * var(--icon-size) + 6 * var(--size-2-2));
+}
+
+.markdown-reading-view .todoist-add-button,
+.markdown-reading-view .todoist-refresh-button {
+  float: right;
+  margin-left: 8px;
+  color: var(--text-muted);
+  border-radius: var(--radius-s);
+  padding: var(--size-2-2) var(--size-2-3);
+}
+
+.markdown-reading-view .todoist-add-button:hover,
+.markdown-reading-view .todoist-refresh-button:hover {
+  background-color: var(--background-modifier-hover);
+}
+
+.is-live-preview .todoist-refresh-button.todoist-refresh-fetching {
+  opacity: 1!important;
+}
+
+.todoist-refresh-fetching > div {
+  animation: spin 1s linear infinite reverse;
 }
 
 @-webkit-keyframes spin {
@@ -20,19 +41,26 @@
   }
 }
 
-.task-metadata {
-  margin-left: 30px;
+.markdown-reading-view .task-metadata,
+.markdown-reading-view .todoist-task-description {
+  margin-left: 6px;
 }
 
-.task-calendar-icon,
-.task-project-icon,
-.task-labels-icon {
-  vertical-align: middle;
-  height: 17px;
-  width: 17px;
+.is-live-preview .task-metadata,
+.is-live-preview .todoist-task-description {
+  margin-left: 34px;
 }
 
-.task-date.task-overdue {
+.task-metadata-item {
+  display: flex;
+  align-items: center;
+}
+
+.task-metadata-item > * + * {
+  margin-left: 0.25rem;
+}
+
+.task-metadata-item.task-overdue {
   color: var(--text-error);
 }
 
@@ -63,16 +91,71 @@
 
 .todoist-task-content {
   display: inline;
+  text-indent: 0px;
 }
 
 ul.todoist-task-list {
   white-space: normal;
+  padding-inline-start: calc(var(--list-indent) - 11px);
 }
 
 .markdown-reading-view .hide-in-reading-view {
   display: none;
 }
 
-.is-live-preview .block-language-todoist {
-  padding-left: 15px;
+.theme-dark {
+    --todoist-p1-border: #ff7066;
+    --todoist-p1-border-hover: #ff706680;
+    --todoist-p1-background: rgba(255,112,102, .1);
+
+    --todoist-p2-border: #ff9a14;
+    --todoist-p2-border-hover: #ff9a1480;
+    --todoist-p2-background: rgba(255,154,20, .1);
+
+    --todoist-p3-border: #5297ff;
+    --todoist-p3-border-hover: #5297ff80;
+    --todoist-p3-background: rgba(82,151,255, .1);
 }
+
+.theme-light {
+    --todoist-p1-border: #d1453b;
+    --todoist-p1-border-hover: #d1453b80;
+    --todoist-p1-background: rgba(209,69,59, .1);
+
+    --todoist-p2-border: #eb8909;
+    --todoist-p2-border-hover: #eb890980;
+    --todoist-p2-background: rgba(235,137,9, .1);
+
+    --todoist-p3-border: #246fe0;
+    --todoist-p3-border-hover: #246fe080;
+    --todoist-p3-background: rgba(36,111,224, .1);
+}
+
+.todoist-p1 input {
+    --checkbox-border-color: var(--todoist-p1-border);
+    --checkbox-border-color-hover: var(--todoist-p1-border-hover);
+    background-color: var(--todoist-p1-background);
+
+}
+
+.todoist-p2 input {
+    --checkbox-border-color: var(--todoist-p2-border);
+    --checkbox-border-color-hover: var(--todoist-p2-border-hover);
+    background-color: var(--todoist-p2-background);
+}
+
+.todoist-p3 input {
+    --checkbox-border-color: var(--todoist-p3-border);
+    --checkbox-border-color-hover: var(--todoist-p3-border-hover);
+    background-color: var(--todoist-p3-background);
+}
+
+.todoist-task-description {
+  font-size: 80%;
+  color: var(--text-muted);
+}
+
+.todoist-project-title {
+  margin: 1em 0;
+  font-weight: 700;
+}