diff --git a/static/css/notes2.css b/static/css/notes2.css index 5a3e0dd..a2dbc11 100644 --- a/static/css/notes2.css +++ b/static/css/notes2.css @@ -10,7 +10,6 @@ */ --colorize: invert(59%) sepia(71%) saturate(3270%) hue-rotate(327deg) brightness(100%) contrast(99%); - --line-color: #ccc; --tree-expander: 0px; --functions-width: 150px; } @@ -112,7 +111,7 @@ html { color: #333; background-color: #eee; font-weight: bold; - border-right: 1px solid var(--line-color); + border-right: 2px solid #ddd; display: grid; justify-items: center; @@ -128,7 +127,6 @@ html { } } - #tree { grid-area: tree; display: grid; @@ -136,7 +134,33 @@ html { color: #444; z-index: 100; - border-right: 1px solid var(--line-color); + border-right: 2px solid #ddd; + + #logo { + display: grid; + grid-template-columns: min-content 1fr min-content; + align-items: center; + justify-items: start; + cursor: pointer; + padding: 16px; + border-bottom: 1px solid #ccc; + + .el-search { + justify-self: end; + } + + img:first-child { + height: 24px; + margin-right: 8px; + } + } + + .icons { + display: flex; + justify-content: center; + margin: 16px 0px 32px 0px; + gap: 8px; + } n2-tree { .el-treenodes { @@ -144,6 +168,10 @@ html { } } + &:focus-within { + n2-tree {} + } + .node { display: grid; grid-template-columns: 40px min-content; diff --git a/static/images/logo_small.svg b/static/images/logo_small.svg index 47eabde..cb83d39 100644 --- a/static/images/logo_small.svg +++ b/static/images/logo_small.svg @@ -7,7 +7,7 @@ viewBox="0 0 7.5652731 5.2916666" version="1.1" id="svg1" - inkscape:version="1.4.2 (ebf0e94, 2025-05-08)" + inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)" sodipodi:docname="logo_small.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" @@ -23,13 +23,13 @@ inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" inkscape:document-units="px" - inkscape:zoom="8.2386085" - inkscape:cx="48.491198" - inkscape:cy="5.219328" - inkscape:window-width="1916" - inkscape:window-height="1161" - inkscape:window-x="0" - inkscape:window-y="0" + inkscape:zoom="16.477217" + inkscape:cx="48.460855" + inkscape:cy="5.2193281" + inkscape:window-width="2190" + inkscape:window-height="1401" + inkscape:window-x="1463" + inkscape:window-y="18" inkscape:window-maximized="1" inkscape:current-layer="layer1" /> - N2 + y="207.99469">N2 diff --git a/static/js/tree.mjs b/static/js/tree.mjs index 397dfc9..04555f6 100644 --- a/static/js/tree.mjs +++ b/static/js/tree.mjs @@ -64,61 +64,15 @@ export class N2Tree extends CustomHTMLElement { this.tmpl.innerHTML = ` -