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-basis: 60%;
margin-top: 10px;
font-family: var(--tree-font-family);
font-size: var(--tree-font-size);
}

View File

@ -1,7 +1,11 @@
:root {
--main-font-family: inherit;
--main-font-size: normal;
--tree-font-family: inherit;
--tree-font-size: normal;
--detail-font-family: inherit;
--detail-font-size: normal;
--detail-text-font-family: inherit;
--main-background-color: white;
--main-text-color: black;
@ -88,6 +92,7 @@ body {
width: 100%;
background-color: var(--main-background-color);
color: var(--main-text-color);
font-family: var(--main-font-family);
}
input, select {
@ -180,6 +185,7 @@ ul.fancytree-container {
padding-top: 10px;
display: flex;
flex-direction: column;
font-family: var(--detail-font-family);
}
#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 */
min-height: 200px;
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
@ -777,7 +788,7 @@ div[data-notify="container"] {
#saved-indicator {
position: absolute;
right: 10px;
top: 11px;
top: -7px;
font-size: 150%;
color: #777;
z-index: 100;