trilium/static/style.css

90 lines
1.9 KiB
CSS
Raw Normal View History

#container {
max-width: 1100px;
margin: 0 auto; /* center */
height: 100vh;
display: grid;
grid-template-areas: "search title"
"tree-buttons note-content"
"tree note-content";
grid-template-columns: 2fr 5fr;
grid-template-rows: auto
auto
1fr;
justify-content: center;
grid-gap: 10px;
}
2017-06-12 09:04:04 +08:00
.note-editable {
/* This is because with empty content height of editor is 0 and it's impossible to click into it */
min-height: 400px;
overflow: auto;
2017-06-12 09:04:04 +08:00
}
.note-editable.encrypted {
background-color: #eee;
}
2017-06-12 09:04:04 +08:00
#top-message {
display: none; /* initial state is hidden */
background-color: #e0e0e0;
color: #333;
2017-06-12 09:04:04 +08:00
padding: 5px;
border-radius: 10px;
2017-08-14 09:42:10 +08:00
}
#error-message {
2017-09-24 23:34:16 +08:00
margin-top: 2px;
2017-08-14 09:42:10 +08:00
display: none; /* initial state is hidden */
background-color: red;
color: white;
padding: 5px;
border-radius: 10px;
}
.note-editable p {
padding: 0;
margin: 0;
2017-08-24 11:36:16 +08:00
}
ul.fancytree-container {
overflow: auto;
position: relative;
outline: none !important;
2017-08-24 11:36:16 +08:00
}
2017-08-28 02:39:26 +08:00
/* icons from https://feathericons.com */
span.fancytree-node > span.fancytree-icon {
background-position: 0 0;
background-image: url("icons/file.png");
}
span.fancytree-node.fancytree-folder > span.fancytree-icon {
background-position: 0 0;
background-image: url("icons/folder.png");
}
span.fancytree-node.encrypted > span.fancytree-icon {
background-position: 0 0;
background-image: url("icons/file-shaded.png");
}
span.fancytree-node.encrypted.fancytree-folder > span.fancytree-icon {
background-position: 0 0;
background-image: url("icons/folder-shaded.png");
}
2017-09-04 06:53:28 +08:00
.ui-autocomplete {
max-height: 300px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
2017-09-06 10:01:22 +08:00
}
.icon-action:hover {
text-decoration: none;
2017-09-06 10:01:22 +08:00
}
#encryptButton, #decryptButton {
display: none;
2017-09-04 06:53:28 +08:00
}