added font family CSS variables to theming API

This commit is contained in:
zadam 2019-02-02 20:45:38 +01:00
parent 73247e3220
commit 8aea9a1801
2 changed files with 13 additions and 1 deletions

View File

@ -30,6 +30,7 @@ body {
flex-shrink: 1; flex-shrink: 1;
flex-basis: 60%; flex-basis: 60%;
margin-top: 10px; margin-top: 10px;
font-family: var(--tree-font-family);
font-size: var(--tree-font-size); font-size: var(--tree-font-size);
} }

View File

@ -1,7 +1,11 @@
:root { :root {
--main-font-family: inherit;
--main-font-size: normal; --main-font-size: normal;
--tree-font-family: inherit;
--tree-font-size: normal; --tree-font-size: normal;
--detail-font-family: inherit;
--detail-font-size: normal; --detail-font-size: normal;
--detail-text-font-family: inherit;
--main-background-color: white; --main-background-color: white;
--main-text-color: black; --main-text-color: black;
@ -88,6 +92,7 @@ body {
width: 100%; width: 100%;
background-color: var(--main-background-color); background-color: var(--main-background-color);
color: var(--main-text-color); color: var(--main-text-color);
font-family: var(--main-font-family);
} }
input, select { input, select {
@ -180,6 +185,7 @@ ul.fancytree-container {
padding-top: 10px; padding-top: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: var(--detail-font-family);
} }
#note-detail-component-wrapper { #note-detail-component-wrapper {
@ -211,6 +217,11 @@ ul.fancytree-container {
/* This is because with empty content height of editor is 0 and it's impossible to click into it */ /* This is because with empty content height of editor is 0 and it's impossible to click into it */
min-height: 200px; min-height: 200px;
overflow: auto; overflow: auto;
font-family: var(--detail-text-font-family);
}
#note-detail-text p:first-child {
margin-top: 0;
} }
/** we disable shield background when in distraction free mode because I couldn't get it to stay static /** we disable shield background when in distraction free mode because I couldn't get it to stay static
@ -777,7 +788,7 @@ div[data-notify="container"] {
#saved-indicator { #saved-indicator {
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 11px; top: -7px;
font-size: 150%; font-size: 150%;
color: #777; color: #777;
z-index: 100; z-index: 100;