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

lazy loading icon for both mobile and desktop

Browse Source
This commit is contained in:
azivner 2018-12-30 21:13:35 +01:00
parent 6963e662ef
commit de9e0c7929
5 changed files with 54 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Dockerfile
View File

@ -1,4 +1,4 @@
FROM node:10.14.0-alpine FROM node:10.15.0-alpine
# Create app directory # Create app directory
WORKDIR /usr/src/app WORKDIR /usr/src/app

2
bin/build-server.sh
View File

@ -1,7 +1,7 @@
#!/usr/bin/env bash #!/usr/bin/env bash
PKG_DIR=dist/trilium-linux-x64-server PKG_DIR=dist/trilium-linux-x64-server
NODE_VERSION=10.14.1 NODE_VERSION=10.15.0
rm -r $PKG_DIR rm -r $PKG_DIR
mkdir $PKG_DIR mkdir $PKG_DIR

14
src/public/stylesheets/desktop.css
View File

@ -62,3 +62,17 @@
#context-menu-container .dropdown-item { #context-menu-container .dropdown-item {
padding: 0 7px 0 10px; padding: 0 7px 0 10px;
} }
.fancytree-loading span.fancytree-expander {
width: 16px;
height: 16px;
margin-left: 6px;
}
.fancytree-loading span.fancytree-expander:after {
width: 12px;
height: 12px;
margin-top: 2px;
border-width: 1px;
border-style: solid;
}

14
src/public/stylesheets/mobile.css
View File

@ -89,3 +89,17 @@ kbd {
.dropdown-menu { .dropdown-menu {
font-size: larger; font-size: larger;
} }
.fancytree-loading span.fancytree-expander {
width: 32px;
height: 32px;
margin-left: 4px;
}
.fancytree-loading span.fancytree-expander:after {
width: 20px;
height: 20px;
margin: 4px;
border-width: 2px;
border-style: solid;
}

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

@ -16,13 +16,13 @@ body {
flex-grow: 100; flex-grow: 100;
} }
.fancytree-node .fancytree-expander { .fancytree-node:not(.fancytree-loading) .fancytree-expander {
background: none; background: none;
width: auto; width: auto;
height: auto; height: auto;
} }
.fancytree-node .fancytree-expander:before { .fancytree-node:not(.fancytree-loading) .fancytree-expander:before {
font-family: 'jam-icons' !important; font-family: 'jam-icons' !important;
speak: none; speak: none;
font-style: normal; font-style: normal;
@ -688,3 +688,25 @@ div[data-notify="container"] {
color: #aaa; color: #aaa;
} }
.fancytree-loading span.fancytree-expander {
background-image: none !important;
display: inline-block;
}
.fancytree-loading span.fancytree-expander:after {
content: " ";
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);
}
}