Obsidian Things Versions Save

New

• Add support for progress bars styling #161 (h/t @moziar)

Fixes:

• Reverts changes to title bar that caused poor experience in mobile and issues with edit/preview toggle

• Improve code syntax highlighting (https://github.com/colineckert/obsidian-things/issues/147)

Fixed

• Make "fancy" highlight styles optional via a Styles Settings plugin toggle (https://github.com/colineckert/obsidian-things/issues/146)

Fix

• Note title alignment (https://github.com/colineckert/obsidian-things/issues/142 and https://github.com/colineckert/obsidian-things/issues/136)
• horizontal scrolling in code blocks

Updates

• merged #141 to set faint text for merged PR checkboxes
• Removed enhanced/numbered code blocks in f38177d
  • the experience was not clean enough, too buggy and too hard to maintain. Reverting to the clean/simple code blocks better aligns with the Things style
  • to re-add numbered code blocks, create a .css file in the <vault_name>/.obsidian/snippets directory with the below code:

/* Code blocks */
.cm-inline-code,
.cm-s-obsidian .HyperMD-codeblock,
.markdown-preview-view.markdown-preview-view :is(pre, code) {
  --codeblock-border: var(--color-base-30);
  --codeblock-roundness: var(--radius-s);
  --code-block-alt-bg: var(--color-base-30);
  --slight-code-roundish: var(--radius-xs);
}

.cm-s-obsidian .HyperMD-codeblock {
  line-height: 1.4em;
}

body .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock {
  padding-left: var(--size-2-2);
}

body:not(.no-codeblock-line-numbers) .HyperMD-codeblock-begin {
  counter-reset: codeblock-line-numbers;
}

body:not(.no-codeblock-line-numbers)
  .HyperMD-codeblock:not(
    .HyperMD-codeblock-begin,
    .HyperMD-codeblock-end
  )::before {
  counter-increment: codeblock-line-numbers;
  content: counter(codeblock-line-numbers);
  font-size: 0.75em;
  line-height: 2;
  text-align: right;
  height: 100%;
  width: 1.7em;
  color: var(--text-muted);
  /* background-color: #1e2029; */
  background-color: var(--code-background);
  position: absolute;
  left: 0;
  padding-right: 1.4em;
}

body:not(.no-codeblock-line-numbers)
  .HyperMD-codeblock.cm-line:not(
    .HyperMD-codeblock-begin,
    .HyperMD-codeblock-end
  ) {
  padding-left: 2.8em;
}

body:not(.no-codeblock-line-numbers)
  .cm-s-obsidian
  div.HyperMD-codeblock-begin-bg {
  background-color: var(--code-block-alt-bg);
  border: var(--codeblock-border);
  border-bottom: none;
  border-top-right-radius: var(--codeblock-roundness);
  border-top-left-radius: var(--codeblock-roundness);
}

div.HyperMD-codeblock-bg:not(.HyperMD-codeblock-begin-bg) {
  border-right: var(--codeblock-border);
  border-left: var(--codeblock-border);
}

body:not(.no-codeblock-line-numbers)
  .cm-line.HyperMD-codeblock
  .code-block-flair {
  font-size: calc(var(--code-size) * 0.9);
  color: var(--text-muted);
  padding: 0 1px;
  top: 0;
}

body:not(.no-codeblock-line-numbers)
  .markdown-reading-view
  pre[class*='language-']::before {
  display: block;
  content: ' ';
  line-height: 1.5em;
  background-color: var(--code-block-alt-bg);
  border-top-right-radius: calc(var(--codeblock-roundness) * 0.8);
  border-top-left-radius: calc(var(--codeblock-roundness) * 0.8);
}

body:not(.no-codeblock-line-numbers) pre[class*='language-']::after {
  content: attr(class);
  font-size: 0.9rem;
  text-shadow: none;
  color: var(--text-muted);
  position: absolute;
  top: 2px;
  right: 5px;
}

.markdown-reading-view .markdown-preview-view pre:not(.frontmatter) code {
  white-space: pre;
}

body:not(.no-codeblock-line-numbers) .markdown-preview-view pre code {
  padding: var(--size-4-1) var(--size-4-2);
}

body:not(.no-codeblock-line-numbers)
  .copy-code-button.copy-code-button.copy-code-button {
  background-color: var(--interactive-normal);
  top: unset;
  bottom: 0;
  padding: 0 var(--size-2-2);
}

body:not(.no-codeblock-line-numbers)
  .markdown-preview-view.markdown-preview-view
  pre {
  padding: 0;
  margin-top: var(--size-4-2);
  border: var(--codeblock-border);
  border-radius: var(--codeblock-roundness);
}

.markdown-reading-view .markdown-preview-view pre code {
  display: block;
}

body:not(.no-codeblock-line-numbers) .markdown-preview-view pre code {
  padding: var(--size-4-1) var(--size-4-5);
}

• Adds checkbox styles for draft, open, and merged pull requests (https://github.com/colineckert/obsidian-things/pull/132)

Updates

• No longer dim font for special chexboxes (https://github.com/colineckert/obsidian-things/issues/123)
• Use user-defined accent color for selected items (https://github.com/colineckert/obsidian-things/issues/124)
• Add option in Style Settings plugin to disable Kanban plugin styling (https://github.com/colineckert/obsidian-things/issues/122)

New

• Add Enhanced code blocks with line numbers
• Add styling to the Kanban plugin

Fixed

• Bugs with enhanced code blocks when language not specified - #115 and #117
• Highlight horizontal padding bug

• Add support for custom highlights via Style Settings to resolve #102
• Fix italics color within highlighted text