TiddlyWiki5/core/ui/PageControls/import.tid

title: $:/core/ui/Buttons/import
tags: $:/tags/PageControls
caption: {{$:/core/images/import-button}} {{$:/language/Buttons/Import/Caption}}
description: {{$:/language/Buttons/Import/Hint}}

<div class="tc-file-input-wrapper">
<$button tooltip={{$:/language/Buttons/Import/Hint}} aria-label={{$:/language/Buttons/Import/Caption}} class=<<tv-config-toolbar-class>>>
<$list filter="[<tv-config-toolbar-icons>match[yes]]">
{{$:/core/images/import-button}}
</$list>
<$list filter="[<tv-config-toolbar-text>match[yes]]">
<span class="tc-btn-text"><$text text={{$:/language/Buttons/Import/Caption}}/></span>
</$list>
</$button>
<$browse tooltip={{$:/language/Buttons/Import/Hint}}/>
</div>
Add import button 2014-08-02 10:59:07 +00:00			`title: $:/core/ui/Buttons/import`
			`tags: $:/tags/PageControls`
			`caption: {{$:/core/images/import-button}} {{$:/language/Buttons/Import/Caption}}`
			`description: {{$:/language/Buttons/Import/Hint}}`

Yet more "tw-" -> "tc-" Part of #764 2014-08-28 18:41:29 +00:00			`<div class="tc-file-input-wrapper">`
Change button widget 'title' attribute to 'tooltip' Fixes remainder of #824 2014-09-10 09:25:50 +00:00			`<$button tooltip={{$:/language/Buttons/Import/Hint}} aria-label={{$:/language/Buttons/Import/Caption}} class=<<tv-config-toolbar-class>>>`
Use the new "match" operator across the core Instead of the old "prefix" hack 2019-07-31 08:30:16 +00:00			`<$list filter="[<tv-config-toolbar-icons>match[yes]]">`
Add import button 2014-08-02 10:59:07 +00:00			`{{$:/core/images/import-button}}`
			`</$list>`
Use the new "match" operator across the core Instead of the old "prefix" hack 2019-07-31 08:30:16 +00:00			`<$list filter="[<tv-config-toolbar-text>match[yes]]">`
Add span wrapper around button caption text Reasons: - can show or hide the button text with CSS (assuming tv-config-toolbar-text is yes). - can have different looking buttons in the page controls versus the view toolbar, etc - more flexibility styling the button appearance, for example you can change the text size compared to the icon size - button appearance is more themeable 2014-10-11 14:26:51 +00:00			`<span class="tc-btn-text"><$text text={{$:/language/Buttons/Import/Caption}}/></span>`
Add import button 2014-08-02 10:59:07 +00:00			`</$list>`
			`</$button>`
Fix problem with import button tooltip 2014-12-09 15:35:16 +00:00			`<$browse tooltip={{$:/language/Buttons/Import/Hint}}/>`
removed some more trailing blanks from PageControls Note: I did NOT test the results as I have yet to figure out how to make node.js... * actually run the server without a 403 * build the core tw after me having made changes 2014-11-23 20:04:13 +00:00			`</div>`