diff --git a/core/ui/ViewTemplate/lazy-loading.tid b/core/ui/ViewTemplate/lazy-loading.tid new file mode 100644 index 0000000000..dca9553a52 --- /dev/null +++ b/core/ui/ViewTemplate/lazy-loading.tid @@ -0,0 +1,10 @@ +title: $:/core/ui/ViewTemplate/lazy-loading +tags: $:/tags/ViewTemplate + +\whitespace trim +<%if [has:field[_is_skinny]] %> + + {{||$:/core/ui/ViewTemplate/body/default}} + +
+<%endif%> diff --git a/core/wiki/tags/ViewTemplate.tid b/core/wiki/tags/ViewTemplate.tid index ab86265a76..8797bf054f 100644 --- a/core/wiki/tags/ViewTemplate.tid +++ b/core/wiki/tags/ViewTemplate.tid @@ -1,2 +1,2 @@ title: $:/tags/ViewTemplate -list: [[$:/core/ui/ViewTemplate/title]] [[$:/core/ui/ViewTemplate/unfold]] [[$:/core/ui/ViewTemplate/subtitle]] [[$:/core/ui/ViewTemplate/tags]] [[$:/core/ui/ViewTemplate/classic]] [[$:/core/ui/ViewTemplate/body]] +list: [[$:/core/ui/ViewTemplate/title]] [[$:/core/ui/ViewTemplate/unfold]] [[$:/core/ui/ViewTemplate/subtitle]] [[$:/core/ui/ViewTemplate/tags]] [[$:/core/ui/ViewTemplate/classic]] [[$:/core/ui/ViewTemplate/body]] [[$:/core/ui/ViewTemplate/lazy-loading]] diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid index 4a4867c0b1..1122330163 100644 --- a/themes/tiddlywiki/vanilla/base.tid +++ b/themes/tiddlywiki/vanilla/base.tid @@ -1201,6 +1201,20 @@ button.tc-btn-invisible.tc-remove-tag-button { color: <>; } +.tc-tiddler-lazy-loading { + height: 4px; + width: 100%; + background: no-repeat linear-gradient(<> 0 0),no-repeat linear-gradient(<> 0 0),<>; + background-size: 60% 100%; + animation: animation-loading-progress 3s infinite; +} + +@keyframes animation-loading-progress { + 0% {background-position:-150% 0,-150% 0} + 66% {background-position: 250% 0,-150% 0} + 100% {background-position: 250% 0, 250% 0} +} + .tc-titlebar h2 { font-size: 1em; display: inline;