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

Rename more "tw-*" classes to "tc-*"

Browse Source 
Part of #764
This commit is contained in:
Jermolene 2014-08-28 19:08:31 +01:00
parent f8b9471549
commit a1ec52c5cb
29 changed files with 70 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/modules/widgets/tiddler.js
View File

@ -57,7 +57,7 @@ TiddlerWidget.prototype.getTagClasses = function() {
if(tiddler) { if(tiddler) {
var tags = []; var tags = [];
$tw.utils.each(tiddler.fields.tags,function(tag) { $tw.utils.each(tiddler.fields.tags,function(tag) {
tags.push("tw-tagged-" + encodeURIComponent(tag)); tags.push("tc-tagged-" + encodeURIComponent(tag));
}); });
return tags.join(" "); return tags.join(" ");
} else { } else {

2
core/ui/AdvancedSearch.tid
View File

@ -1,5 +1,5 @@
title: $:/AdvancedSearch title: $:/AdvancedSearch
<div class="tw-advanced-search"> <div class="tc-advanced-search">
<<tabs "[all[shadows+tiddlers]tag[$:/tags/AdvancedSearch]!has[draft.of]]" "$:/core/ui/AdvancedSearch/System">> <<tabs "[all[shadows+tiddlers]tag[$:/tags/AdvancedSearch]!has[draft.of]]" "$:/core/ui/AdvancedSearch/System">>
</div> </div>

8
core/ui/AdvancedSearch/Filter.tid
View File

@ -7,11 +7,11 @@ caption: {{$:/language/Search/Filter/Caption}}
<<lingo Filter/Hint>> <<lingo Filter/Hint>>
<div class="tw-search tw-advanced-search"><$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/> <$button popup=<<qualify "$:/state/filterDropdown">> class="tc-btn-invisible">{{$:/core/images/down-arrow}}</$button> <$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$link to="" class="tc-btn-invisible">{{$:/core/images/close-button}}</$link></$reveal></div> <div class="tc-search tc-advanced-search"><$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/> <$button popup=<<qualify "$:/state/filterDropdown">> class="tc-btn-invisible">{{$:/core/images/down-arrow}}</$button> <$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$link to="" class="tc-btn-invisible">{{$:/core/images/close-button}}</$link></$reveal></div>
<div class="tw-block-dropdown-wrapper"> <div class="tc-block-dropdown-wrapper">
<$reveal state=<<qualify "$:/state/filterDropdown">> type="nomatch" text="" default=""> <$reveal state=<<qualify "$:/state/filterDropdown">> type="nomatch" text="" default="">
<div class="tw-block-dropdown tc-edit-type-dropdown"> <div class="tc-block-dropdown tc-edit-type-dropdown">
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Filter]]"><$link to={{!!filter}}><$transclude field="description"/></$link> <$list filter="[all[shadows+tiddlers]tag[$:/tags/Filter]]"><$link to={{!!filter}}><$transclude field="description"/></$link>
</$list> </$list>
</div> </div>
@ -21,7 +21,7 @@ caption: {{$:/language/Search/Filter/Caption}}
</$linkcatcher> </$linkcatcher>
<$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$reveal state="$:/temp/advancedsearch" type="nomatch" text="">
<div class="tw-search-results"> <div class="tc-search-results">
<<lingo Filter/Matches>> <<lingo Filter/Matches>>
<$list filter={{$:/temp/advancedsearch}} template="$:/core/ui/ListItemTemplate"/> <$list filter={{$:/temp/advancedsearch}} template="$:/core/ui/ListItemTemplate"/>
</div> </div>

4
core/ui/AdvancedSearch/Shadows.tid
View File

@ -7,13 +7,13 @@ caption: {{$:/language/Search/Shadows/Caption}}
<<lingo Shadows/Hint>> <<lingo Shadows/Hint>>
<div class="tw-search"><$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/><$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$link to="" class="tc-btn-invisible">{{$:/core/images/close-button}}</$link></$reveal></div> <div class="tc-search"><$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/><$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$link to="" class="tc-btn-invisible">{{$:/core/images/close-button}}</$link></$reveal></div>
</$linkcatcher> </$linkcatcher>
<$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$reveal state="$:/temp/advancedsearch" type="nomatch" text="">
<div class="tw-search-results"> <div class="tc-search-results">
<<lingo Shadows/Matches>> <<lingo Shadows/Matches>>

4
core/ui/AdvancedSearch/Standard.tid
View File

@ -7,13 +7,13 @@ caption: {{$:/language/Search/Standard/Caption}}
<<lingo Standard/Hint>> <<lingo Standard/Hint>>
<div class="tw-search"><$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/><$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$link to="" class="tc-btn-invisible">{{$:/core/images/close-button}}</$link></$reveal></div> <div class="tc-search"><$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/><$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$link to="" class="tc-btn-invisible">{{$:/core/images/close-button}}</$link></$reveal></div>
</$linkcatcher> </$linkcatcher>
<$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$reveal state="$:/temp/advancedsearch" type="nomatch" text="">
<div class="tw-search-results"> <div class="tc-search-results">
<<lingo Standard/Matches>> <<lingo Standard/Matches>>

4
core/ui/AdvancedSearch/System.tid
View File

@ -7,13 +7,13 @@ caption: {{$:/language/Search/System/Caption}}
<<lingo System/Hint>> <<lingo System/Hint>>
<div class="tw-search"><$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/><$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$link to="" class="tc-btn-invisible">{{$:/core/images/close-button}}</$link></$reveal></div> <div class="tc-search"><$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/><$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$link to="" class="tc-btn-invisible">{{$:/core/images/close-button}}</$link></$reveal></div>
</$linkcatcher> </$linkcatcher>
<$reveal state="$:/temp/advancedsearch" type="nomatch" text=""> <$reveal state="$:/temp/advancedsearch" type="nomatch" text="">
<div class="tw-search-results"> <div class="tc-search-results">
<<lingo System/Matches>> <<lingo System/Matches>>

10
core/ui/AlertTemplate.tid
View File

@ -1,14 +1,14 @@
title: $:/core/ui/AlertTemplate title: $:/core/ui/AlertTemplate
<div class="tw-alert"> <div class="tc-alert">
<div class="tw-alert-toolbar"> <div class="tc-alert-toolbar">
<$button message="tw-delete-tiddler" class="tc-btn-invisible"> <$button message="tw-delete-tiddler" class="tc-btn-invisible">
{{$:/core/images/delete-button}}</$button> {{$:/core/images/delete-button}}</$button>
</div> </div>
<div class="tw-alert-subtitle"> <div class="tc-alert-subtitle">
<$view field="component"/> - <$view field="modified" format="date" template="0hh:0mm:0ss DD MM YYYY"/> <$reveal type="nomatch" state="!!count" text=""><span class="tw-alert-highlight">(count: <$view field="count"/>)</span></$reveal> <$view field="component"/> - <$view field="modified" format="date" template="0hh:0mm:0ss DD MM YYYY"/> <$reveal type="nomatch" state="!!count" text=""><span class="tc-alert-highlight">(count: <$view field="count"/>)</span></$reveal>
</div> </div>
<div class="tw-alert-body"> <div class="tc-alert-body">
<$transclude/> <$transclude/>

2
core/ui/BinaryWarning.tid
View File

@ -1,7 +1,7 @@
title: $:/core/ui/BinaryWarning title: $:/core/ui/BinaryWarning
\define lingo-base() $:/language/BinaryWarning/ \define lingo-base() $:/language/BinaryWarning/
<div class="tw-binary-warning"> <div class="tc-binary-warning">
<<lingo Prompt>> <<lingo Prompt>>

2
core/ui/ControlPanel.tid
View File

@ -1,5 +1,5 @@
title: $:/ControlPanel title: $:/ControlPanel
<div class="tw-control-panel"> <div class="tc-control-panel">
<<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel]!has[draft.of]]" "$:/core/ui/ControlPanel/Basics">> <<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel]!has[draft.of]]" "$:/core/ui/ControlPanel/Basics">>
</div> </div>

2
core/ui/ControlPanel/Advanced.tid
View File

@ -4,6 +4,6 @@ caption: {{$:/language/ControlPanel/Advanced/Caption}}
{{$:/language/ControlPanel/Advanced/Hint}} {{$:/language/ControlPanel/Advanced/Hint}}
<div class="tw-control-panel"> <div class="tc-control-panel">
<<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Advanced]!has[draft.of]]" "$:/core/ui/ControlPanel/Advanced/TiddlerFields">> <<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Advanced]!has[draft.of]]" "$:/core/ui/ControlPanel/Advanced/TiddlerFields">>
</div> </div>

2
core/ui/ControlPanel/Appearance.tid
View File

@ -4,6 +4,6 @@ caption: {{$:/language/ControlPanel/Appearance/Caption}}
{{$:/language/ControlPanel/Appearance/Hint}} {{$:/language/ControlPanel/Appearance/Hint}}
<div class="tw-control-panel"> <div class="tc-control-panel">
<<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Appearance]!has[draft.of]]" "$:/core/ui/ControlPanel/Appearance/Theme">> <<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Appearance]!has[draft.of]]" "$:/core/ui/ControlPanel/Appearance/Theme">>
</div> </div>

4
core/ui/ControlPanel/Appearance/Toolbars.tid
View File

@ -4,6 +4,6 @@ caption: {{$:/language/ControlPanel/Appearance/Toolbars/Caption}}
{{$:/language/ControlPanel/Appearance/Toolbars/Hint}} {{$:/language/ControlPanel/Appearance/Toolbars/Hint}}
<div class="tw-control-panel"> <div class="tc-control-panel">
<<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Appearance/Toolbars]!has[draft.of]]" "$:/core/ui/ControlPanel/Appearance/Toolbars/ViewToolbar" "$:/state/tabs/controlpanel/toolbars" "tw-vertical">> <<tabs "[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Appearance/Toolbars]!has[draft.of]]" "$:/core/ui/ControlPanel/Appearance/Toolbars/ViewToolbar" "$:/state/tabs/controlpanel/toolbars" "tc-vertical">>
</div> </div>

2
core/ui/ControlPanel/Appearance/Toolbars/EditToolbar.tid
View File

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

2
core/ui/ControlPanel/Appearance/Toolbars/PageControls.tid
View File

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

2
core/ui/ControlPanel/Appearance/Toolbars/ViewToolbar.tid
View File

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

4
core/ui/EditTemplate/tags.tid
View File

@ -23,11 +23,11 @@ background-color:$(backgroundColor)$;
</span> </span>
</div> </div>
<div class="tw-block-dropdown-wrapper"> <div class="tc-block-dropdown-wrapper">
<$reveal state=<<qualify "$:/state/popup/tags-auto-complete">> type="nomatch" text="" default=""> <$reveal state=<<qualify "$:/state/popup/tags-auto-complete">> type="nomatch" text="" default="">
<div class="tw-block-dropdown"> <div class="tc-block-dropdown">
<$linkcatcher set="$:/temp/NewTagName" setTo="" message="tw-add-tag"> <$linkcatcher set="$:/temp/NewTagName" setTo="" message="tw-add-tag">
<$list filter="[!is[shadow]tags[]search{$:/temp/NewTagName}sort[title]]"> <$list filter="[!is[shadow]tags[]search{$:/temp/NewTagName}sort[title]]">

4
core/ui/EditTemplate/type.tid
View File

@ -4,9 +4,9 @@ tags: $:/tags/EditTemplate
\define lingo-base() $:/language/EditTemplate/ \define lingo-base() $:/language/EditTemplate/
<p><$fieldmangler><em class="tc-edit"><<lingo Type/Prompt>></em> <$edit-text field="type" tag="input" default="" placeholder={{$:/language/EditTemplate/Type/Placeholder}} focusPopup=<<qualify "$:/state/popup/type-dropdown">> class="tc-edit-typeeditor"/> <$button popup=<<qualify "$:/state/popup/type-dropdown">> class="tc-btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button> <$button message="tw-remove-field" param="type" class="tc-btn-invisible tc-btn-icon">{{$:/core/images/delete-button}}</$button></$fieldmangler></p> <p><$fieldmangler><em class="tc-edit"><<lingo Type/Prompt>></em> <$edit-text field="type" tag="input" default="" placeholder={{$:/language/EditTemplate/Type/Placeholder}} focusPopup=<<qualify "$:/state/popup/type-dropdown">> class="tc-edit-typeeditor"/> <$button popup=<<qualify "$:/state/popup/type-dropdown">> class="tc-btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button> <$button message="tw-remove-field" param="type" class="tc-btn-invisible tc-btn-icon">{{$:/core/images/delete-button}}</$button></$fieldmangler></p>
<div class="tw-block-dropdown-wrapper"> <div class="tc-block-dropdown-wrapper">
<$reveal state=<<qualify "$:/state/popup/type-dropdown">> type="nomatch" text="" default=""> <$reveal state=<<qualify "$:/state/popup/type-dropdown">> type="nomatch" text="" default="">
<div class="tw-block-dropdown tc-edit-type-dropdown"> <div class="tc-block-dropdown tc-edit-type-dropdown">
<$linkcatcher to="!!type"> <$linkcatcher to="!!type">
<$list filter='[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]each[group]sort[group]]'> <$list filter='[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]each[group]sort[group]]'>
<div class="tc-dropdown-item"> <div class="tc-dropdown-item">

2
core/ui/PageTemplate/alerts.tid
View File

@ -1,7 +1,7 @@
title: $:/core/ui/PageTemplate/alerts title: $:/core/ui/PageTemplate/alerts
tags: $:/tags/PageTemplate tags: $:/tags/PageTemplate
<div class="tw-alerts"> <div class="tc-alerts">
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Alert]!has[draft.of]]" template="$:/core/ui/AlertTemplate" storyview="pop"/> <$list filter="[all[shadows+tiddlers]tag[$:/tags/Alert]!has[draft.of]]" template="$:/core/ui/AlertTemplate" storyview="pop"/>

2
core/ui/SideBar/More.tid
View File

@ -3,5 +3,5 @@ tags: $:/tags/SideBar
caption: {{$:/language/SideBar/More/Caption}} caption: {{$:/language/SideBar/More/Caption}}
<div class="tw-more-sidebar"> <div class="tw-more-sidebar">
<<tabs "[all[shadows+tiddlers]tag[$:/tags/MoreSideBar]!has[draft.of]]" "$:/core/ui/MoreSideBar/Tags" "$:/state/tab/moresidebar" "tw-vertical">> <<tabs "[all[shadows+tiddlers]tag[$:/tags/MoreSideBar]!has[draft.of]]" "$:/core/ui/MoreSideBar/Tags" "$:/state/tab/moresidebar" "tc-vertical">>
</div> </div>

2
core/ui/SideBar/Tools.tid
View File

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

4
core/ui/SideBarLists.tid
View File

@ -2,7 +2,7 @@ title: $:/core/ui/SideBarLists
<div class="tw-sidebar-lists"> <div class="tw-sidebar-lists">
<div class="tw-search"> <div class="tc-search">
<$edit-text tiddler="$:/temp/search" type="search" tag="input"/> <$edit-text tiddler="$:/temp/search" type="search" tag="input"/>
<$reveal state="$:/temp/search" type="nomatch" text=""> <$reveal state="$:/temp/search" type="nomatch" text="">
<$linkcatcher to="$:/temp/search"> <$linkcatcher to="$:/temp/search">
@ -15,7 +15,7 @@ title: $:/core/ui/SideBarLists
<$reveal state="$:/temp/search" type="nomatch" text=""> <$reveal state="$:/temp/search" type="nomatch" text="">
<div class="tw-search-results"> <div class="tc-search-results">
{{$:/language/Search/Matches}} {{$:/language/Search/Matches}}

2
core/ui/TiddlerInfo/Tools.tid
View File

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

2
editions/tw5.com/tiddlers/GettingStarted.tid
View File

@ -8,7 +8,7 @@ type: text/vnd.tiddlywiki
GettingStarted - $(browser-name)$ GettingStarted - $(browser-name)$
\end \end
<$set name="browser-name" value={{$:/info/browser/name}}> <$set name="browser-name" value={{$:/info/browser/name}}>
<$macrocall $name="tabs" state="$:/state/tabs/platform" tabsList="[prefix[GettingStarted - ]]" default=<<default-platform>> class="tw-vertical"/> <$macrocall $name="tabs" state="$:/state/tabs/platform" tabsList="[prefix[GettingStarted - ]]" default=<<default-platform>> class="tc-vertical"/>
</$set> </$set>
See also: See also:

2
editions/tw5.com/tiddlers/ReleaseHistory.tid
View File

@ -5,4 +5,4 @@ type: text/vnd.tiddlywiki
Here are the details of recent releases of TiddlyWiki5. See [[TiddlyWiki5 Versioning]] for details of how releases are named. Here are the details of recent releases of TiddlyWiki5. See [[TiddlyWiki5 Versioning]] for details of how releases are named.
<<tabs "[tag[releasenote]!sort[created]]" "Release 5.0.15-beta" "$:/state/tab2" "tw-vertical" "ReleaseHistoryTemplate">> <<tabs "[tag[releasenote]!sort[created]]" "Release 5.0.15-beta" "$:/state/tab2" "tc-vertical" "ReleaseHistoryTemplate">>

6
editions/tw5.com/tiddlers/macros/TabsMacro.tid
View File

@ -6,7 +6,7 @@ type: text/vnd.tiddlywiki
The tabs macro displays a list of tiddlers as a tab control. The user can switch between tabs by clicking on them. The tabs are labelled with the title of the corresponding tiddler, unless there is a `caption` field present in which case it is used instead. The tabs macro displays a list of tiddlers as a tab control. The user can switch between tabs by clicking on them. The tabs are labelled with the title of the corresponding tiddler, unless there is a `caption` field present in which case it is used instead.
By default the tab control arranges the tabs horizontally with the content underneath. You can also choose to have the tabs arranged vertically by passing the class `tw-vertical`. By default the tab control arranges the tabs horizontally with the content underneath. You can also choose to have the tabs arranged vertically by passing the class `tc-vertical`.
! Parameters ! Parameters
@ -26,9 +26,9 @@ Here are some examples of the tabs macro:
``` ```
<<tabs "SampleTabOne SampleTabTwo SampleTabThree SampleTabFour" "SampleTabThree" "$:/state/tab1">> <<tabs "SampleTabOne SampleTabTwo SampleTabThree SampleTabFour" "SampleTabThree" "$:/state/tab1">>
<<tabs "[tag[sampletab]]" "SampleTabTwo" "$:/state/tab2" "tw-vertical">> <<tabs "[tag[sampletab]]" "SampleTabTwo" "$:/state/tab2" "tc-vertical">>
``` ```
<<tabs "SampleTabOne SampleTabTwo SampleTabThree SampleTabFour" "SampleTabThree" "$:/state/tab1">> <<tabs "SampleTabOne SampleTabTwo SampleTabThree SampleTabFour" "SampleTabThree" "$:/state/tab1">>
<<tabs "[tag[sampletab]]" "SampleTabTwo" "$:/state/tab2" "tw-vertical">> <<tabs "[tag[sampletab]]" "SampleTabTwo" "$:/state/tab2" "tc-vertical">>

2
editions/tw5.com/tiddlers/widgets/TiddlerWidget.tid
View File

@ -21,7 +21,7 @@ The tiddler widget assigns several useful CSS classes to variables that it creat
* ''missingTiddlerClass'': ''"tc-tiddler-exists"'' or ''"tc-tiddler-missing"'' depending upon whether the target tiddler exists * ''missingTiddlerClass'': ''"tc-tiddler-exists"'' or ''"tc-tiddler-missing"'' depending upon whether the target tiddler exists
* ''shadowTiddlerClass'': ''"tc-tiddler-shadow"'' if the tiddler is a shadow tiddler * ''shadowTiddlerClass'': ''"tc-tiddler-shadow"'' if the tiddler is a shadow tiddler
* ''systemTiddlerClass'': ''"tc-tiddler-system"'' if the tiddler is a system tiddler * ''systemTiddlerClass'': ''"tc-tiddler-system"'' if the tiddler is a system tiddler
* ''tiddlerTagClasses'': A space separated list of CSS classes named ''"tw-tagged-{tagname}"''. For example ''"tw-tagged-introduction"''. Note that tag names are UrlEncoded which means that the tag ''$:/tags/Macro'' appears as the CSS class ''"tw-tagged-%24%3A%2Ftags%2FMacro"'' * ''tiddlerTagClasses'': A space separated list of CSS classes named ''"tc-tagged-{tagname}"''. For example ''"tc-tagged-introduction"''. Note that tag names are UrlEncoded which means that the tag ''$:/tags/Macro'' appears as the CSS class ''"tc-tagged-%24%3A%2Ftags%2FMacro"''
You can use these variables like this: You can use these variables like this:

4
themes/tiddlywiki/seamless/base.tid
View File

@ -21,7 +21,7 @@ Rules copied from Snow White
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">> <<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
} }
.tw-block-dropdown { .tc-block-dropdown {
border-radius: 4px; border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">> <<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
} }
@ -40,7 +40,7 @@ Rules copied from Snow White
<<box-shadow "inset 0 1px 0 #fff">>; <<box-shadow "inset 0 1px 0 #fff">>;
} }
.tw-alert { .tc-alert {
border-radius: 6px; border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">> <<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
} }

4
themes/tiddlywiki/snowwhite/base.tid
View File

@ -54,7 +54,7 @@ canvas.tc-edit-bitmapeditor {
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">> <<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
} }
.tw-block-dropdown { .tc-block-dropdown {
border-radius: 4px; border-radius: 4px;
<<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">> <<box-shadow "2px 2px 10px rgba(0, 0, 0, 0.5)">>
} }
@ -74,7 +74,7 @@ canvas.tc-edit-bitmapeditor {
} }
.tw-alert { .tc-alert {
border-radius: 6px; border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">> <<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
} }

48
themes/tiddlywiki/vanilla/base.tid
View File

@ -79,7 +79,7 @@ dl dt {
margin-top: 6px; margin-top: 6px;
} }
.tw-muted { .tc-muted {
color: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
@ -389,15 +389,15 @@ button.tw-tag-label, span.tw-tag-label {
color: <<colour sidebar-foreground>>; color: <<colour sidebar-foreground>>;
} }
.tw-advanced-search input { .tc-advanced-search input {
width: 60%; width: 60%;
} }
.tw-search a svg { .tc-search a svg {
height: 0.75em; height: 0.75em;
} }
.tw-search-results { .tc-search-results {
padding-top: 14px; padding-top: 14px;
} }
@ -670,7 +670,7 @@ button.tw-tag-label, span.tw-tag-label {
margin: 4px 0 4px 0; margin: 4px 0 4px 0;
} }
.tc-tiddler-frame .tw-binary-warning { .tc-tiddler-frame .tc-binary-warning {
width: 100%; width: 100%;
height: 5em; height: 5em;
text-align: center; text-align: center;
@ -937,11 +937,11 @@ canvas.tc-edit-bitmapeditor {
padding: 0 0.5em 0 0.5em; padding: 0 0.5em 0 0.5em;
} }
.tw-block-dropdown-wrapper { .tc-block-dropdown-wrapper {
position: relative; position: relative;
} }
.tw-block-dropdown { .tc-block-dropdown {
position: absolute; position: absolute;
min-width: 280px; min-width: 280px;
border: 1px solid <<colour dropdown-border>>; border: 1px solid <<colour dropdown-border>>;
@ -952,18 +952,18 @@ canvas.tc-edit-bitmapeditor {
z-index: 1000; z-index: 1000;
} }
.tw-block-dropdown a { .tc-block-dropdown a {
display: block; display: block;
padding: 4px 14px 4px 14px; padding: 4px 14px 4px 14px;
} }
.tc-drop-down .tc-dropdown-item, .tc-drop-down .tc-dropdown-item,
.tw-block-dropdown .tc-dropdown-item { .tc-block-dropdown .tc-dropdown-item {
padding: 4px 14px 4px 7px; padding: 4px 14px 4px 7px;
color: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
} }
.tw-block-dropdown a:hover { .tc-block-dropdown a:hover {
color: <<colour tiddler-link-background>>; color: <<colour tiddler-link-background>>;
background-color: <<colour tiddler-link-foreground>>; background-color: <<colour tiddler-link-foreground>>;
text-decoration: none; text-decoration: none;
@ -1062,7 +1062,7 @@ canvas.tc-edit-bitmapeditor {
** Tabs ** Tabs
*/ */
.tw-tab-set.tw-vertical { .tw-tab-set.tc-vertical {
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
} }
@ -1073,7 +1073,7 @@ canvas.tc-edit-bitmapeditor {
margin-bottom: -1px; margin-bottom: -1px;
} }
.tw-tab-buttons.tw-vertical { .tw-tab-buttons.tc-vertical {
z-index: 100; z-index: 100;
display: block; display: block;
padding-top: 14px; padding-top: 14px;
@ -1106,7 +1106,7 @@ canvas.tc-edit-bitmapeditor {
border-right: 1px solid <<colour tab-border>>; border-right: 1px solid <<colour tab-border>>;
} }
.tw-tab-buttons.tw-vertical button { .tw-tab-buttons.tc-vertical button {
display: block; display: block;
width: 100%; width: 100%;
margin-top: 3px; margin-top: 3px;
@ -1117,7 +1117,7 @@ canvas.tc-edit-bitmapeditor {
border-right: none; border-right: none;
} }
.tw-tab-buttons.tw-vertical button.tw-tab-selected { .tw-tab-buttons.tc-vertical button.tw-tab-selected {
background-color: <<colour tab-background-selected>>; background-color: <<colour tab-background-selected>>;
border-right: 1px solid <<colour tab-background-selected>>; border-right: 1px solid <<colour tab-background-selected>>;
} }
@ -1126,7 +1126,7 @@ canvas.tc-edit-bitmapeditor {
border-top: 1px solid <<colour tab-divider>>; border-top: 1px solid <<colour tab-divider>>;
} }
.tw-tab-divider.tw-vertical { .tw-tab-divider.tc-vertical {
display: none; display: none;
} }
@ -1134,7 +1134,7 @@ canvas.tc-edit-bitmapeditor {
margin-top: 14px; margin-top: 14px;
} }
.tw-tab-content.tw-vertical { .tw-tab-content.tc-vertical {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
padding-top: 0; padding-top: 0;
@ -1182,7 +1182,7 @@ canvas.tc-edit-bitmapeditor {
** Alerts ** Alerts
*/ */
.tw-alerts { .tc-alerts {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -1190,7 +1190,7 @@ canvas.tc-edit-bitmapeditor {
z-index: 20000; z-index: 20000;
} }
.tw-alert { .tc-alert {
position: relative; position: relative;
margin: 28px; margin: 28px;
padding: 14px 14px 14px 14px; padding: 14px 14px 14px 14px;
@ -1198,22 +1198,22 @@ canvas.tc-edit-bitmapeditor {
background-color: <<colour alert-background>>; background-color: <<colour alert-background>>;
} }
.tw-alert-toolbar { .tc-alert-toolbar {
position: absolute; position: absolute;
top: 14px; top: 14px;
right: 14px; right: 14px;
} }
.tw-alert-toolbar svg { .tc-alert-toolbar svg {
fill: <<colour alert-muted-foreground>>; fill: <<colour alert-muted-foreground>>;
} }
.tw-alert-subtitle { .tc-alert-subtitle {
color: <<colour alert-muted-foreground>>; color: <<colour alert-muted-foreground>>;
font-weight: bold; font-weight: bold;
} }
.tw-alert-highlight { .tc-alert-highlight {
color: <<colour alert-highlight>>; color: <<colour alert-highlight>>;
} }
@ -1240,11 +1240,11 @@ canvas.tc-edit-bitmapeditor {
** Control panel ** Control panel
*/ */
.tw-control-panel td { .tc-control-panel td {
padding: 4px; padding: 4px;
} }
.tw-control-panel table, .tw-control-panel table input, .tw-control-panel table textarea { .tc-control-panel table, .tc-control-panel table input, .tc-control-panel table textarea {
width: 100%; width: 100%;
} }