gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-04 13:39:01 +01:00
Code Issues Actions 20 Packages Projects Releases Wiki Activity

fixed styling for loading notes

Browse Source
This commit is contained in:
zadam 2021-07-20 21:25:26 +02:00
parent de6ff09bb9
commit 6fdabbc73b
2 changed files with 39 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/public/stylesheets/style.css
View File

@ -531,29 +531,6 @@ div[data-notify="container"] {
background-color: var(--accented-background-color);
}
.fancytree-loading span.fancytree-expander {
background-image: none !important;
display: inline-block;
}
.fancytree-loading span.fancytree-expander:after {
content: " ";
color: inherit !important;
display: block;
border-radius: 50%;
border-color: #000 transparent #000 transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ck-content .image > figcaption {
color: var(--main-text-color) !important;
background-color: var(--accented-background-color) !important;
@ -765,21 +742,6 @@ li.dropdown-submenu:hover > ul.dropdown-menu {
transform: rotate(-90deg);
}
.fancytree-loading span.fancytree-expander {
width: 16px;
height: 16px;
margin-left: 4px;
}
.fancytree-loading span.fancytree-expander:after {
width: 12px;
height: 12px;
margin-top: 4px;
margin-left: 1px;
border-width: 1px;
border-style: solid;
}
body {
/* FF basic styling */
scrollbar-color: var(--active-item-background-color) var(--main-background-color);
@ -817,10 +779,6 @@ body {
white-space: normal !important;
}
ul.fancytree-container li {
contain: layout paint;
}
/**
ckeditor's autocomplete
should be higher than 1070 of tooltip

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

@ -42,6 +42,45 @@ ul.fancytree-container {
margin-right: 5px;
}
.fancytree-loading span.fancytree-expander {
background-image: none !important;
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
margin-right: 8px;
margin-top: 4px;
margin-bottom: 2px;
}
.fancytree-loading span.fancytree-expander:after {
content: " ";
color: inherit !important;
display: block;
border-radius: 50%;
border-color: #000 transparent #000 transparent;
animation: lds-dual-ring 1.2s linear infinite;
width: 12px;
height: 12px;
margin-top: 4px;
margin-left: 1px;
border-width: 1px;
border-style: solid;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
ul.fancytree-container li {
contain: layout paint;
}
/* this is done to preserve correct indentation. Better solution would be preferable */
.fancytree-node:not(.fancytree-folder) .fancytree-expander:before {
color: var(--main-background-color); /* setting to background color makes this invisible */