gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 18:08:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

tree item styling based on flex, fixed root element jumping on hover

Browse Source
This commit is contained in:
zadam 2021-07-25 22:46:45 +02:00
parent a33661d050
commit 4ca0f4b06b
1 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/public/stylesheets/tree.css
View File

@ -23,9 +23,12 @@ span.fancytree-node.fancytree-hide {
} }
.fancytree-node { .fancytree-node {
display: flex;
align-items: center;
height: 38px;
padding: 4px; padding: 4px;
border: 1px solid transparent; border: 1px solid transparent;
display: block; border-radius: 5px;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -124,14 +127,6 @@ ul.fancytree-container {
font-size: 1.2em; font-size: 1.2em;
} }
span.fancytree-title {
color: inherit !important;
background: inherit !important;
outline: none !important;
position: relative;
top: -2px;
}
span.fancytree-node.protected > span.fancytree-custom-icon { span.fancytree-node.protected > span.fancytree-custom-icon {
filter: drop-shadow(2px 2px 2px var(--main-text-color)); filter: drop-shadow(2px 2px 2px var(--main-text-color));
} }
@ -179,7 +174,6 @@ span.fancytree-selected {
} }
span.fancytree-node:hover { span.fancytree-node:hover {
border-radius: 5px;
border: 1px solid var(--main-border-color); border: 1px solid var(--main-border-color);
} }
@ -199,17 +193,14 @@ span.fancytree-node.archived {
display: none; display: none;
font-size: 120%; font-size: 120%;
cursor: pointer; cursor: pointer;
position: relative; margin-left: 8px;
left: 3px;
top: 2px;
margin-left: 5px;
padding: 1px; padding: 1px;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 5px;
} }
.tree-item-button:hover { .tree-item-button:hover {
border: 1px dotted var(--main-text-color); border: 1px dotted var(--main-text-color);
border-radius: 5px;
} }
.add-note-button { .add-note-button {