Render a custom progress bar in Logseq, define a macro in config.edn:

{"progress" "[:span
			 [:progress {:value $1 :max $2
              :style {:width 200
              :margin-right 4}}]
              [:small \"$1/$2\"]]"}

  • For example Write {{progress 47,195}}.

  • Twitter Link

  • the style of the process bar in css:

    • Progress par style in custom.css:

Make != looks like ≠:

:commands
[
  [“!=“ “≠”]
]

A funny experiment to turn blocks / children-blocks into resizable blocks that behave like flex-boxes

/* ls-blocks : resizeable children-blocks + depth levels */
.block-children .ls-block {
                           display: inline-block;
                           margin: 6px;
                           background-color: rgba(50, 55, 60, 0.5);
                           box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.46);
                           padding: 2px 6px 8px 6px;
                           resize: both;
                           overflow: auto;
                           min-width: 160px;
                           min-height: 30px;
                           width: fit-content;
                           height: fit-content;
                           vertical-align: top;
                           }

Change my highlighted text’s fore and back colors

mark {
  background: #fef3ac;
  color: #262626;
  padding: 2px 4px;
  border-radius: 3px;
}

line wrap codes

:editor/extra-codemirror-options {:lineWrapping true}