diff --git a/static/css/markdown.css b/static/css/markdown.css index 8b4c97e..84eb0b2 100644 --- a/static/css/markdown.css +++ b/static/css/markdown.css @@ -19,6 +19,7 @@ h2 { font-size: 1.25em; + margin-top: 32px; margin-bottom: 0px; color: var(--color1); } @@ -29,6 +30,10 @@ color: var(--color1); } + p { + line-height: 150%; + } + img { max-width: var(--thumbnail-width); max-height: var(--thumbnail-height); diff --git a/static/css/notes2.css b/static/css/notes2.css index 477b05a..71737dd 100644 --- a/static/css/notes2.css +++ b/static/css/notes2.css @@ -52,18 +52,22 @@ html { #tree { grid-area: tree; display: grid; - padding: 16px 0px 16px 16px; - color: #ddd; + background-color: #fafafa; + color: #444; z-index: 100; - border-left: 2px solid #333; + + border-right: 1px solid #ddd; n2-tree { - border: 2px solid #333; + /*border: 2px solid #f8f8f8;*/ + padding: 16px 48px 16px 24px; } &:focus-within { n2-tree { + /* border: 2px solid #fe5f55; + */ } } @@ -95,18 +99,20 @@ html { .node { display: grid; - grid-template-columns: 24px min-content; + grid-template-columns: 40px min-content; grid-template-rows: min-content 1fr; margin-top: 12px; - + align-items: center; .expand-toggle { user-select: none; + cursor: pointer; + justify-self: center; img { - width: 16px; - height: 16px; + width: auto; + height: 18px; } } @@ -128,8 +134,8 @@ html { .children { padding-left: 24px; - margin-left: 8px; - border-left: 1px solid #444; + margin-left: 18px; + border-left: 1px solid #ddd; grid-column: 1 / -1; &.collapsed { @@ -141,9 +147,12 @@ html { #tree-nodes { padding: 16px 32px; - background-color: #333; + /* border-radius: 8px; +*/ + /* box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.75); + */ } #crumbs { diff --git a/static/images/collapsed.svg b/static/images/collapsed.svg index 8bd376f..d93f4ca 100644 --- a/static/images/collapsed.svg +++ b/static/images/collapsed.svg @@ -2,73 +2,49 @@ + image/svg+xml + + + transform="translate(-102.39375,-146.31458)"> + folder-outline + + + diff --git a/static/images/expanded.svg b/static/images/expanded.svg index e1a6f66..017e8a4 100644 --- a/static/images/expanded.svg +++ b/static/images/expanded.svg @@ -2,64 +2,43 @@ image/svg+xml + transform="translate(-101.33542,-147.10833)">folder-openfolder-open-outline diff --git a/static/images/leaf.svg b/static/images/leaf.svg index ed44541..306a2a0 100644 --- a/static/images/leaf.svg +++ b/static/images/leaf.svg @@ -2,56 +2,51 @@ image/svg+xml + transform="translate(-107.95,-148.16667)">folder-openfolder-open-outlinenotebook-outlinetext-box-outline