magnus/Notes
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 4 Wiki Activity

Added highlight to markdown code. Added markdown icon to differentiate against markdown on/off.

Browse Source
This commit is contained in:
Magnus Åhall 2024-01-09 17:58:41 +01:00
parent a3155c5882
commit 8768ab1692
4 changed files with 72 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/css/main.css
View File

@ -320,6 +320,16 @@ header .menu {
border: 1px solid #ddd;
padding: 4px 8px;
}
#markdown code {
background: #e6eeee;
padding: 4px;
border-radius: 4px;
}
#markdown pre > code {
background: unset;
padding: 0px;
border-radius: 0px;
}
/* ============================================================= *
* Textarea replicates the height of an element expanding height *
* ============================================================= */

49
static/images/markdown-hollow.svg Normal file
View File

@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
height="128"
width="208"
viewBox="-31.2 -32 208 128"
version="1.1"
id="svg1"
sodipodi:docname="markdown-hollow.svg"
inkscape:version="1.3.2 (1:1.3.2+202311252150+091e20ef0f)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="true"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="5.6568542"
inkscape:cx="109.68994"
inkscape:cy="68.942911"
inkscape:window-width="1916"
inkscape:window-height="1404"
inkscape:window-x="1280"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<rect
fill="none"
stroke-width="10"
stroke="#000000"
ry="10"
y="-27"
x="-26.200001"
height="118"
width="198"
id="rect1"
style="stroke:#ffffff;stroke-opacity:1" />
<path
d="M -1.2000003,66 V -2 H 18.8 l 20,25 20,-25 h 20 v 68 h -20 V 27 l -20,25 -20,-25 V 66 Z M 123.8,66 93.8,33 h 20 V -2 h 20 v 35 h 20 z"
id="path1"
style="fill:#ffffff;fill-opacity:1" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

2
static/js/node.mjs
View File

@ -105,7 +105,7 @@ export class NodeUI extends Component {
<header class="${modified}" onclick=${() => this.saveNode()}>
<div class="tree"><img src="/images/${window._VERSION}/tree.svg" onclick=${() => document.getElementById('app').classList.toggle('toggle-tree')} /></div>
<div class="name">Notes</div>
<div class="markdown" onclick=${evt => { evt.stopPropagation(); this.toggleMarkdown() }}><img src="/images/${window._VERSION}/markdown.svg" /></div>
<div class="markdown" onclick=${evt => { evt.stopPropagation(); this.toggleMarkdown() }}><img src="/images/${window._VERSION}/${node.RenderMarkdown.value ? 'markdown.svg' : 'markdown-hollow.svg'}" /></div>
<div class="search" onclick=${evt => { evt.stopPropagation(); this.showPage('search') }}><img src="/images/${window._VERSION}/search.svg" /></div>
<div class="add" onclick=${evt => this.createNode(evt)}><img src="/images/${window._VERSION}/add.svg" /></div>
<div class="keys" onclick=${evt => { evt.stopPropagation(); this.showPage('keys') }}><img src="/images/${window._VERSION}/padlock.svg" /></div>

12
static/less/main.less
View File

@ -365,6 +365,18 @@ header {
padding: 4px 8px;
}
}
code {
background: #e6eeee;
padding: 4px;
border-radius: 4px;
}
pre > code {
background: unset;
padding: 0px;
border-radius: 0px;
}
}
/* ============================================================= *