Add descriptions to toolbar buttons

core/language/en-GB/Buttons.multids

@@ -19,6 +19,7 @@ Delete/Hint: Delete this tiddler
 Edit/Caption: edit
 Edit/Hint: Edit this tiddler
 Encryption/Caption: encryption
+Encryption/Hint: Set or clear a password for saving this wiki
 Encryption/ClearPassword/Caption: clear password
 Encryption/ClearPassword/Hint: Clear the password and save this wiki without encryption
 Encryption/SetPassword/Caption: set password

core/ui/ControlPanel/Appearance/Toolbars/EditToolbar.tid

@@ -15,7 +15,7 @@ $:/config/EditToolbarButtons/Visibility/$(listItem)$
 
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/EditToolbar]!has[draft.of]]" variable="listItem">
 
-<$checkbox tiddler=<<config-title>> field="text" checked="show" unchecked="hide" default="show"> <$transclude tiddler=<<listItem>> field="caption"/></$checkbox>
+<$checkbox tiddler=<<config-title>> field="text" checked="show" unchecked="hide" default="show"> <$transclude tiddler=<<listItem>> field="caption"/> <i class="tw-muted">-- <$transclude tiddler=<<listItem>> field="description"/></i></$checkbox>
 
 </$list>
 

core/ui/ControlPanel/Appearance/Toolbars/PageControls.tid

@@ -15,7 +15,7 @@ $:/config/PageControlButtons/Visibility/$(listItem)$
 
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/PageControls]!has[draft.of]]" variable="listItem">
 
-<$checkbox tiddler=<<config-title>> field="text" checked="show" unchecked="hide" default="show"> <$transclude tiddler=<<listItem>> field="caption"/></$checkbox>
+<$checkbox tiddler=<<config-title>> field="text" checked="show" unchecked="hide" default="show"> <$transclude tiddler=<<listItem>> field="caption"/> <i class="tw-muted">-- <$transclude tiddler=<<listItem>> field="description"/></i></$checkbox>
 
 </$list>
 

core/ui/ControlPanel/Appearance/Toolbars/ViewToolbar.tid

@@ -15,7 +15,7 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
 
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]" variable="listItem">
 
-<$checkbox tiddler=<<config-title>> field="text" checked="show" unchecked="hide" default="show"> <$transclude tiddler=<<listItem>> field="caption"/></$checkbox>
+<$checkbox tiddler=<<config-title>> field="text" checked="show" unchecked="hide" default="show"> <$transclude tiddler=<<listItem>> field="caption"/> <i class="tw-muted">-- <$transclude tiddler=<<listItem>> field="description"/></i></$checkbox>
 
 </$list>
 

core/ui/EditToolbar/cancel.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/cancel
 tags: $:/tags/EditToolbar
 caption: {{$:/core/images/cancel-button}} {{$:/language/Buttons/Cancel/Caption}}
+description: {{$:/language/Buttons/Cancel/Hint}}
 
 <$button message="tw-cancel-tiddler" title={{$:/language/Buttons/Cancel/Hint}} aria-label={{$:/language/Buttons/Cancel/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/EditToolbar/delete.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/delete
 tags: $:/tags/EditToolbar
 caption: {{$:/core/images/delete-button}} {{$:/language/Buttons/Delete/Caption}}
+description: {{$:/language/Buttons/Delete/Hint}}
 
 <$button message="tw-delete-tiddler" title={{$:/language/Buttons/Delete/Hint}} aria-label={{$:/language/Buttons/Delete/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/EditToolbar/save.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/save
 tags: $:/tags/EditToolbar
 caption: {{$:/core/images/done-button}} {{$:/language/Buttons/Save/Caption}}
+description: {{$:/language/Buttons/Save/Hint}}
 
 <$button message="tw-save-tiddler" title={{$:/language/Buttons/Save/Hint}} aria-label={{$:/language/Buttons/Save/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/PageControls/closeall.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/close-all
 tags: $:/tags/PageControls
 caption: {{$:/core/images/close-all-button}} {{$:/language/Buttons/CloseAll/Caption}}
+description: {{$:/language/Buttons/CloseAll/Hint}}
 
 <$button message="tw-close-all-tiddlers" title={{$:/language/Buttons/CloseAll/Hint}} aria-label={{$:/language/Buttons/CloseAll/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/PageControls/controlpanel.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/control-panel
 tags: $:/tags/PageControls
 caption: {{$:/core/images/options-button}} {{$:/language/Buttons/ControlPanel/Caption}}
+description: {{$:/language/Buttons/ControlPanel/Hint}}
 
 <$button to="$:/ControlPanel" title={{$:/language/Buttons/ControlPanel/Hint}} aria-label={{$:/language/Buttons/ControlPanel/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/PageControls/encryption.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/encryption
 tags: $:/tags/PageControls
 caption: {{$:/core/images/locked-padlock}} {{$:/language/Buttons/Encryption/Caption}}
+description: {{$:/language/Buttons/Encryption/Hint}}
 
 <$reveal type="match" state="$:/isEncrypted" text="yes">
 <$button message="tw-clear-password" title={{$:/language/Buttons/Encryption/ClearPassword/Hint}} aria-label={{$:/language/Buttons/Encryption/ClearPassword/Caption}} class=<<tw-config-toolbar-class>>>

core/ui/PageControls/home.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/home
 tags: $:/tags/PageControls
 caption: {{$:/core/images/home-button}} {{$:/language/Buttons/Home/Caption}}
+description: {{$:/language/Buttons/Home/Hint}}
 
 <$button message="tw-home" title={{$:/language/Buttons/Home/Hint}} aria-label={{$:/language/Buttons/Home/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/PageControls/more-page-actions.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/more-page-actions
 tags: $:/tags/PageControls
 caption: {{$:/core/images/down-arrow}} {{$:/language/Buttons/More/Caption}}
+description: {{$:/language/Buttons/More/Hint}}
 
 \define config-title()
 $:/config/PageControlButtons/Visibility/$(listItem)$

core/ui/PageControls/newtiddler.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/new-tiddler
 tags: $:/tags/PageControls
 caption: {{$:/core/images/new-button}} {{$:/language/Buttons/NewTiddler/Caption}}
+description: {{$:/language/Buttons/NewTiddler/Hint}}
 
 <$button message="tw-new-tiddler" title={{$:/language/Buttons/NewTiddler/Hint}} aria-label={{$:/language/Buttons/NewTiddler/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/PageControls/savewiki.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/save-wiki
 tags: $:/tags/PageControls
 caption: {{$:/core/images/save-button}} {{$:/language/Buttons/SaveWiki/Caption}}
+description: {{$:/language/Buttons/SaveWiki/Hint}}
 
 <$button message="tw-save-wiki" title={{$:/language/Buttons/SaveWiki/Hint}} aria-label={{$:/language/Buttons/SaveWiki/Caption}} class=<<tw-config-toolbar-class>>>
 <span class="tw-dirty-indicator">

core/ui/TiddlerInfo/Tools.tid

@@ -15,7 +15,7 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
 
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]" variable="listItem">
 
-<$checkbox tiddler=<<config-title>> field="text" checked="show" unchecked="hide" default="show"> <$transclude tiddler=<<listItem>>/> </$checkbox>
+<$checkbox tiddler=<<config-title>> field="text" checked="show" unchecked="hide" default="show"> <$transclude tiddler=<<listItem>>/> <i class="tw-muted"><$transclude tiddler=<<listItem>> field="description"/></i></$checkbox>
 
 </$list>
 

core/ui/ViewToolbar/clone.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/clone
 tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/clone-button}} {{$:/language/Buttons/Clone/Caption}}
+description: {{$:/language/Buttons/Clone/Hint}}
 
 <$button message="tw-new-tiddler" param=<<currentTiddler>> title={{$:/language/Buttons/Clone/Hint}} aria-label={{$:/language/Buttons/Clone/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/ViewToolbar/close-others.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/close-others
 tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/close-others-button}} {{$:/language/Buttons/CloseOthers/Caption}}
+description: {{$:/language/Buttons/CloseOthers/Hint}}
 
 <$button message="tw-close-other-tiddlers" param=<<currentTiddler>> title={{$:/language/Buttons/CloseOthers/Hint}} aria-label={{$:/language/Buttons/CloseOthers/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/ViewToolbar/close.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/close
 tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/close-button}} {{$:/language/Buttons/Close/Caption}}
+description: {{$:/language/Buttons/Close/Hint}}
 
 <$button message="tw-close-tiddler" title={{$:/language/Buttons/Close/Hint}} aria-label={{$:/language/Buttons/Close/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/ViewToolbar/edit.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/edit
 tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/edit-button}} {{$:/language/Buttons/Edit/Caption}}
+description: {{$:/language/Buttons/Edit/Hint}}
 
 <$button message="tw-edit-tiddler" title={{$:/language/Buttons/Edit/Hint}} aria-label={{$:/language/Buttons/Edit/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/ViewToolbar/info.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/info
 tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/info-button}} {{$:/language/Buttons/Info/Caption}}
+description: {{$:/language/Buttons/Info/Hint}}
 
 <$button popup=<<tiddlerInfoState>> title={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class=<<tw-config-toolbar-class>> selectedClass="tw-selected">
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/ViewToolbar/more-tiddler-actions.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/more-tiddler-actions
 tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/down-arrow}} {{$:/language/Buttons/More/Caption}}
+description: {{$:/language/Buttons/More/Hint}}
 
 \define config-title()
 $:/config/ViewToolbarButtons/Visibility/$(listItem)$

core/ui/ViewToolbar/permalink.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/permalink
 tags: $:/tags/ViewToolbar
 caption: {{$:/core/images/permalink-button}} {{$:/language/Buttons/Permalink/Caption}}
+description: {{$:/language/Buttons/Permalink/Hint}}
 
 <$button message="tw-permalink" title={{$:/language/Buttons/Permalink/Hint}} aria-label={{$:/language/Buttons/Permalink/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

core/ui/ViewToolbar/permaview.tid

@@ -1,6 +1,7 @@
 title: $:/core/ui/Buttons/permaview
 tags: $:/tags/ViewToolbar $:/tags/PageControls
 caption: {{$:/core/images/permaview-button}} {{$:/language/Buttons/Permaview/Caption}}
+description: {{$:/language/Buttons/Permaview/Hint}}
 
 <$button message="tw-permaview" title={{$:/language/Buttons/Permaview/Hint}} aria-label={{$:/language/Buttons/Permaview/Caption}} class=<<tw-config-toolbar-class>>>
 <$list filter="[<tw-config-toolbar-icons>prefix[yes]]">

themes/tiddlywiki/vanilla/base.tid

@@ -79,6 +79,10 @@ dl dt {
 	margin-top: 6px;
 }
 
+.tw-muted {
+	color: <<colour muted-foreground>>;
+}
+
 /*
 Markdown likes putting code elements inside pre elements
 */