mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 10:07:19 +00:00
Code Issues Releases Wiki Activity

Add introduction message to "Saving" tiddler

Browse Source 
Fixes #7095
This commit is contained in:
jeremy@jermolene.com 2022-12-10 14:23:28 +00:00
parent cc47bb0330
commit 3c81558d74
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
editions/tw5.com/tiddlers/saving/Saving.tid
View File

@ -32,9 +32,16 @@ type: text/vnd.tiddlywiki
\define checkactions(item:"Linux") \define checkactions(item:"Linux")
<$action-listops $tiddler=<<stateTiddler>> $subfilter="[[$item$]]"/> <$action-listops $tiddler=<<stateTiddler>> $subfilter="[[$item$]]"/>
\end \end
<$vars stateTiddler=<<qualify "$:/state/gettingstarted">> >
Available methods for saving changes with ~TiddlyWiki: \define introduction-message()
<div class="tc-saving-introduction">
<div>
Use the checkboxes to explore the methods of saving that work with your platform(s)
</div>
</div>
\end
<$vars stateTiddler=<<qualify "$:/state/gettingstarted">> >
<div class="tc-wrapper-flex"> <div class="tc-wrapper-flex">
<div class="tc-saving-sidebar"> <div class="tc-saving-sidebar">
@ -56,7 +63,7 @@ Available methods for saving changes with ~TiddlyWiki:
<!-- Page content --> <!-- Page content -->
<div class="tc-cards"> <div class="tc-cards">
<$wikify text=<<alltagsfilter>> name="alltagsfilterwikified"> <$wikify text=<<alltagsfilter>> name="alltagsfilterwikified">
<$list filter=<<alltagsfilterwikified>>> <$list filter=<<alltagsfilterwikified>> emptyMessage=<<introduction-message>>>
{{||$:/_tw5.com-card-template}} {{||$:/_tw5.com-card-template}}
</$list> </$list>
</$wikify> </$wikify>

9
editions/tw5.com/tiddlers/system/tw5.com-styles.tid
View File

@ -122,6 +122,15 @@ type: text/vnd.tiddlywiki
margin-left: 10px; margin-left: 10px;
} }
.tc-saving-introduction {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
padding: 4em;
font-style: italic;
}
.tc-cards { .tc-cards {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;