TiddlyWiki5/core/ui/PageControls/theme.tid

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

\whitespace trim
<span class="tc-popup-keep">
<$button popup=<<qualify "$:/state/popup/theme">> tooltip={{$:/language/Buttons/Theme/Hint}} aria-label={{$:/language/Buttons/Theme/Caption}} class=<<tv-config-toolbar-class>> selectedClass="tc-selected">
<$list filter="[<tv-config-toolbar-icons>match[yes]]">
{{$:/core/images/theme-button}}
</$list>
<$list filter="[<tv-config-toolbar-text>match[yes]]">
<span class="tc-btn-text"><$text text={{$:/language/Buttons/Theme/Caption}}/></span>
</$list>
</$button>
</span>
<$reveal state=<<qualify "$:/state/popup/theme">> type="popup" position="below" animate="yes">
<div class="tc-drop-down">
<$linkcatcher to="$:/theme">
{{$:/snippets/themeswitcher}}
</$linkcatcher>
</div>
</$reveal>
Add theme toolbar button 2014-08-02 21:13:54 +00:00			`title: $:/core/ui/Buttons/theme`
			`tags: $:/tags/PageControls`
			`caption: {{$:/core/images/theme-button}} {{$:/language/Buttons/Theme/Caption}}`
			`description: {{$:/language/Buttons/Theme/Hint}}`

Missing whitespace trim in PageControls (#4293) * add whitespace trim to advanced search button * add whitespace trim to new tiddler * add whitespace trim to new journal * add whitespace trim to new image * add whitespace trim to control panel button * add whitespace trim to tiddler manager button * add whitespace trim to language button * add whitespace trim to palette button * add whitespace trim to theme button * add whitespace trim to storyview button * add whitespace trim to timestamp button * add whitespace trim to encryption button * add whitespace trim to tag-manager button 2019-10-07 14:13:56 +00:00			`\whitespace trim`
Fixes to make nested popups work Thus making the export button a lot more useful 2014-11-21 17:07:03 +00:00			`<span class="tc-popup-keep">`
Change button widget 'title' attribute to 'tooltip' Fixes remainder of #824 2014-09-10 09:25:50 +00:00			`<$button popup=<<qualify "$:/state/popup/theme">> tooltip={{$:/language/Buttons/Theme/Hint}} aria-label={{$:/language/Buttons/Theme/Caption}} class=<<tv-config-toolbar-class>> selectedClass="tc-selected">`
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 theme toolbar button 2014-08-02 21:13:54 +00:00			`{{$:/core/images/theme-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/Theme/Caption}}/></span>`
Add theme toolbar button 2014-08-02 21:13:54 +00:00			`</$list>`
			`</$button>`
Fixes to make nested popups work Thus making the export button a lot more useful 2014-11-21 17:07:03 +00:00			`</span>`
Add theme toolbar button 2014-08-02 21:13:54 +00:00			`<$reveal state=<<qualify "$:/state/popup/theme">> type="popup" position="below" animate="yes">`
Change more "tw-" classes to "tc-" Part of #764 2014-08-28 17:21:08 +00:00			`<div class="tc-drop-down">`
Add theme toolbar button 2014-08-02 21:13:54 +00:00			`<$linkcatcher to="$:/theme">`
Improve styling and reusability of palette, language, and theme switchers (#1954) allows to override styles more easily via new class tc-chosen ---- updated all of storyview, theme, palette, language » both in ControlPanel as well as PageControls » removed "current ..." form switchers as it's redundant » streamlined toolbar buttons in ControlPanel, especially less spacing ---- fixed dropdown hover colour override if I wouldn't then it would go blank owed to default drop-down styles ---- polished styles » chosen items now more emphasized while curspor not indicating a link » removed underline when hovering, used highlighted border colours instead ---- use snippets languageswitcher for pagecontrols button, after all ---- wrap all switchers in tc-chooser ---- apply big font only to buttons, not reveals in pagecontrols ---- moved language switcher wrapper class to snippet improved language switcher image alignment ---- make tiddler and ControlPanel view behave the same. add generic tc-check-list setting. add generic input type checklist, vertical alignment. now using css rem to address drop-downs for pagecontrols thanks @pmario removed css artefacts in vanilla/base from before merging @pmario's PR with comments being baked-in I don't think we want these in the code css simplification for .tc-chosen and tc-chooser-item 2018-04-06 16:26:54 +00:00			`{{$:/snippets/themeswitcher}}`
Add theme toolbar button 2014-08-02 21:13:54 +00:00			`</$linkcatcher>`
			`</div>`
Missing whitespace trim in PageControls (#4293) * add whitespace trim to advanced search button * add whitespace trim to new tiddler * add whitespace trim to new journal * add whitespace trim to new image * add whitespace trim to control panel button * add whitespace trim to tiddler manager button * add whitespace trim to language button * add whitespace trim to palette button * add whitespace trim to theme button * add whitespace trim to storyview button * add whitespace trim to timestamp button * add whitespace trim to encryption button * add whitespace trim to tag-manager button 2019-10-07 14:13:56 +00:00			`</$reveal>`