mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-28 18:04:44 +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 18:59:35 +01:00
parent 1814d502a4
commit 8b10994cfe
17 changed files with 79 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,7 +37,7 @@ KeyboardWidget.prototype.render = function(parent,nextSibling) {
var domNode = this.document.createElement("div"); var domNode = this.document.createElement("div");
// Assign classes // Assign classes
var classes = (this["class"] || "").split(" "); var classes = (this["class"] || "").split(" ");
classes.push("tw-keyboard"); classes.push("tc-keyboard");
domNode.className = classes.join(" "); domNode.className = classes.join(" ");
// Add a keyboard event handler // Add a keyboard event handler
domNode.addEventListener("keydown",function (event) { domNode.addEventListener("keydown",function (event) {

6
core/modules/widgets/link.js
View File

@ -129,15 +129,15 @@ LinkWidget.prototype.handleDragStartEvent = function(event) {
$tw.utils.addClass(event.target,"tc-tiddlylink-dragging"); $tw.utils.addClass(event.target,"tc-tiddlylink-dragging");
// Create the drag image elements // Create the drag image elements
this.dragImage = this.document.createElement("div"); this.dragImage = this.document.createElement("div");
this.dragImage.className = "tw-tiddler-dragger"; this.dragImage.className = "tc-tiddler-dragger";
var inner = this.document.createElement("div"); var inner = this.document.createElement("div");
inner.className = "tw-tiddler-dragger-inner"; inner.className = "tc-tiddler-dragger-inner";
inner.appendChild(this.document.createTextNode(this.to)); inner.appendChild(this.document.createTextNode(this.to));
this.dragImage.appendChild(inner); this.dragImage.appendChild(inner);
this.document.body.appendChild(this.dragImage); this.document.body.appendChild(this.dragImage);
// Astoundingly, we need to cover the dragger up: http://www.kryogenix.org/code/browser/custom-drag-image.html // Astoundingly, we need to cover the dragger up: http://www.kryogenix.org/code/browser/custom-drag-image.html
var cover = this.document.createElement("div"); var cover = this.document.createElement("div");
cover.className = "tw-tiddler-dragger-cover"; cover.className = "tc-tiddler-dragger-cover";
cover.style.left = (inner.offsetLeft - 16) + "px"; cover.style.left = (inner.offsetLeft - 16) + "px";
cover.style.top = (inner.offsetTop - 16) + "px"; cover.style.top = (inner.offsetTop - 16) + "px";
cover.style.width = (inner.offsetWidth + 32) + "px"; cover.style.width = (inner.offsetWidth + 32) + "px";

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

@ -101,7 +101,7 @@ RadioWidget.prototype.execute = function() {
if(this.radioClass !== "") { if(this.radioClass !== "") {
this.radioClass += " "; this.radioClass += " ";
} }
this.radioClass += "tw-radio"; this.radioClass += "tc-radio";
// Make the child widgets // Make the child widgets
this.makeChildWidgets(); this.makeChildWidgets();
}; };

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

@ -32,7 +32,7 @@ RevealWidget.prototype.render = function(parent,nextSibling) {
this.execute(); this.execute();
var domNode = this.document.createElement(this.parseTreeNode.isBlock ? "div" : "span"); var domNode = this.document.createElement(this.parseTreeNode.isBlock ? "div" : "span");
var classes = this["class"].split(" ") || []; var classes = this["class"].split(" ") || [];
classes.push("tw-reveal"); classes.push("tc-reveal");
domNode.className = classes.join(" "); domNode.className = classes.join(" ");
parent.insertBefore(domNode,nextSibling); parent.insertBefore(domNode,nextSibling);
this.renderChildren(domNode,null); this.renderChildren(domNode,null);

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

@ -41,9 +41,9 @@ TiddlerWidget.prototype.execute = function() {
this.tiddlerTitle = this.getAttribute("tiddler",this.getVariable("currentTiddler")); this.tiddlerTitle = this.getAttribute("tiddler",this.getVariable("currentTiddler"));
// Set context variables // Set context variables
this.setVariable("currentTiddler",this.tiddlerTitle); this.setVariable("currentTiddler",this.tiddlerTitle);
this.setVariable("missingTiddlerClass",(this.wiki.tiddlerExists(this.tiddlerTitle) || this.wiki.isShadowTiddler(this.tiddlerTitle)) ? "tw-tiddler-exists" : "tw-tiddler-missing"); this.setVariable("missingTiddlerClass",(this.wiki.tiddlerExists(this.tiddlerTitle) || this.wiki.isShadowTiddler(this.tiddlerTitle)) ? "tc-tiddler-exists" : "tc-tiddler-missing");
this.setVariable("shadowTiddlerClass",this.wiki.isShadowTiddler(this.tiddlerTitle) ? "tw-tiddler-shadow" : ""); this.setVariable("shadowTiddlerClass",this.wiki.isShadowTiddler(this.tiddlerTitle) ? "tc-tiddler-shadow" : "");
this.setVariable("systemTiddlerClass",this.wiki.isSystemTiddler(this.tiddlerTitle) ? "tw-tiddler-system" : ""); this.setVariable("systemTiddlerClass",this.wiki.isSystemTiddler(this.tiddlerTitle) ? "tc-tiddler-system" : "");
this.setVariable("tiddlerTagClasses",this.getTagClasses()) this.setVariable("tiddlerTagClasses",this.getTagClasses())
// Construct the child widgets // Construct the child widgets
this.makeChildWidgets(); this.makeChildWidgets();

2
core/ui/EditTemplate.tid
View File

@ -1,7 +1,7 @@
title: $:/core/ui/EditTemplate title: $:/core/ui/EditTemplate
\define frame-classes() \define frame-classes()
tw-tiddler-frame tw-tiddler-edit-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$ tc-tiddler-frame tc-tiddler-edit-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$
\end \end
<div class=<<frame-classes>>> <div class=<<frame-classes>>>
<$set name="storyTiddler" value=<<currentTiddler>>> <$set name="storyTiddler" value=<<currentTiddler>>>

6
core/ui/EditTemplate/body.tid
View File

@ -22,14 +22,14 @@ tags: $:/tags/EditTemplate
<em class="tc-edit"><<lingo Hint>></em> <$button type="set" set="$:/state/showeditpreview" setTo="no"><<lingo Preview/Button/Hide>></$button> <em class="tc-edit"><<lingo Hint>></em> <$button type="set" set="$:/state/showeditpreview" setTo="no"><<lingo Preview/Button/Hide>></$button>
<div class="tw-tiddler-preview"> <div class="tc-tiddler-preview">
<div class="tw-tiddler-preview-preview"> <div class="tc-tiddler-preview-preview">
<$transclude /> <$transclude />
</div> </div>
<div class="tw-tiddler-preview-edit"> <div class="tc-tiddler-preview-edit">
<$edit field="text" class="tc-edit-texteditor" placeholder={{$:/language/EditTemplate/Body/Placeholder}}/> <$edit field="text" class="tc-edit-texteditor" placeholder={{$:/language/EditTemplate/Body/Placeholder}}/>
</div> </div>

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

@ -4,8 +4,8 @@ tags: $:/tags/EditTemplate
\define config-title() \define config-title()
$:/config/EditToolbarButtons/Visibility/$(listItem)$ $:/config/EditToolbarButtons/Visibility/$(listItem)$
\end \end
<div class="tw-tiddler-title"> <div class="tc-tiddler-title">
<$view field="title"/> <$view field="title"/>
<span class="tw-tiddler-controls tc-titlebar"><$list filter="[all[shadows+tiddlers]tag[$:/tags/EditToolbar]!has[draft.of]]" variable="listItem"><$reveal type="nomatch" state=<<config-title>> text="hide"><$transclude tiddler=<<listItem>>/></$reveal></$list></span> <span class="tc-tiddler-controls tc-titlebar"><$list filter="[all[shadows+tiddlers]tag[$:/tags/EditToolbar]!has[draft.of]]" variable="listItem"><$reveal type="nomatch" state=<<config-title>> text="hide"><$transclude tiddler=<<listItem>>/></$reveal></$list></span>
<div style="clear: both;"></div> <div style="clear: both;"></div>
</div> </div>

2
core/ui/MissingTemplate.tid
View File

@ -1,6 +1,6 @@
title: $:/core/ui/MissingTemplate title: $:/core/ui/MissingTemplate
<div class="tw-tiddler-missing"> <div class="tc-tiddler-missing">
<$button popup=<<qualify "$:/state/popup/missing">> class="tc-btn-invisible tw-missing-tiddler-label"> <$button popup=<<qualify "$:/state/popup/missing">> class="tc-btn-invisible tw-missing-tiddler-label">
<$view field="title" format="text" /> <$view field="title" format="text" />
</$button> </$button>

2
core/ui/ViewTemplate.tid
View File

@ -1,7 +1,7 @@
title: $:/core/ui/ViewTemplate title: $:/core/ui/ViewTemplate
\define frame-classes() \define frame-classes()
tw-tiddler-frame tw-tiddler-view-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$ $(tiddlerTagClasses)$ tc-tiddler-frame tc-tiddler-view-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$ $(tiddlerTagClasses)$
\end \end
<$set name="storyTiddler" value=<<currentTiddler>>><$set name="tiddlerInfoState" value=<<qualify "$:/state/popup/tiddler-info">>><$tiddler tiddler=<<currentTiddler>>><div class=<<frame-classes>>><$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewTemplate]!has[draft.of]]" variable="listItem"><$transclude tiddler=<<listItem>>/></$list> <$set name="storyTiddler" value=<<currentTiddler>>><$set name="tiddlerInfoState" value=<<qualify "$:/state/popup/tiddler-info">>><$tiddler tiddler=<<currentTiddler>>><div class=<<frame-classes>>><$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewTemplate]!has[draft.of]]" variable="listItem"><$transclude tiddler=<<listItem>>/></$list>
</div> </div>

6
core/ui/ViewTemplate/title.tid
View File

@ -7,9 +7,9 @@ fill:$(foregroundColor)$;
\define config-title() \define config-title()
$:/config/ViewToolbarButtons/Visibility/$(listItem)$ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
\end \end
<div class="tw-tiddler-title"> <div class="tc-tiddler-title">
<h2 class="tc-titlebar"> <h2 class="tc-titlebar">
<span class="tw-tiddler-controls"> <span class="tc-tiddler-controls">
<$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]" variable="listItem"><$reveal type="nomatch" state=<<config-title>> text="hide"><$transclude tiddler=<<listItem>>/></$reveal></$list> <$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]" variable="listItem"><$reveal type="nomatch" state=<<config-title>> text="hide"><$transclude tiddler=<<listItem>>/></$reveal></$list>
</span> </span>
<$set name="foregroundColor" value={{!!color}}> <$set name="foregroundColor" value={{!!color}}>
@ -29,7 +29,7 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
</$list> </$list>
</h2> </h2>
<$reveal type="nomatch" text="" default="" state=<<tiddlerInfoState>> class="tw-tiddler-info tc-popup" animate="yes" retain="yes"> <$reveal type="nomatch" text="" default="" state=<<tiddlerInfoState>> class="tc-tiddler-info tc-popup" animate="yes" retain="yes">
<$transclude tiddler="$:/core/ui/TiddlerInfo"/> <$transclude tiddler="$:/core/ui/TiddlerInfo"/>

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

@ -18,9 +18,9 @@ The TiddlerWidget sets the CurrentTiddler that applies for processing its conten
The tiddler widget assigns several useful CSS classes to variables that it creates: The tiddler widget assigns several useful CSS classes to variables that it creates:
* ''missingTiddlerClass'': ''"tw-tiddler-exists"'' or ''"tw-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'': ''"tw-tiddler-shadow"'' if the tiddler is a shadow tiddler * ''shadowTiddlerClass'': ''"tc-tiddler-shadow"'' if the tiddler is a shadow tiddler
* ''systemTiddlerClass'': ''"tw-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 ''"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"''
You can use these variables like this: You can use these variables like this:

2
editions/tw5.com/tiddlers/wikitext/Styles and Classes in WikiText.tid
View File

@ -22,7 +22,7 @@ Similar syntax is used to assign styles. For example:
Multiple styles and classes can be mixed. For example: Multiple styles and classes can be mixed. For example:
<<wikitext-example src:"@@.tw-tiddler-frame <<wikitext-example src:"@@.tc-tiddler-frame
@@width:400px; @@width:400px;
Some text Some text
@@ @@

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

@ -8,11 +8,11 @@ list-after: $:/themes/tiddlywiki/vanilla/base
Rules copied from Snow White Rules copied from Snow White
*/ */
.tw-page-controls button svg, .tw-tiddler-controls button svg, .tw-topbar button svg { .tw-page-controls button svg, .tc-tiddler-controls button svg, .tw-topbar button svg {
<<transition "fill 150ms ease-in-out">> <<transition "fill 150ms ease-in-out">>
} }
.tw-tiddler-controls button.tw-selected svg { .tc-tiddler-controls button.tw-selected svg {
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">> <<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
} }
@ -62,7 +62,7 @@ Seamless modifications
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { @media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
/* Drop the tiddler frame padding */ /* Drop the tiddler frame padding */
body.tw-body .tw-tiddler-frame { body.tw-body .tc-tiddler-frame {
padding: 0; padding: 0;
} }
@ -72,7 +72,7 @@ Seamless modifications
} }
/* Stop the tiddler info panel from bleeding into the tiddler frame padding */ /* Stop the tiddler info panel from bleeding into the tiddler frame padding */
body.tw-body .tw-tiddler-info { body.tw-body .tc-tiddler-info {
margin: 0; margin: 0;
} }

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

@ -7,31 +7,31 @@ tags: [[$:/tags/stylesheet]]
text-shadow: 0 1px 0 <<colour sidebar-foreground-shadow>>; text-shadow: 0 1px 0 <<colour sidebar-foreground-shadow>>;
} }
.tw-tiddler-info { .tc-tiddler-info {
<<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">> <<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">>
} }
@media screen { @media screen {
.tw-tiddler-frame { .tc-tiddler-frame {
<<box-shadow "5px 5px 5px rgba(0, 0, 0, 0.1)">> <<box-shadow "5px 5px 5px rgba(0, 0, 0, 0.1)">>
} }
} }
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { @media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tw-tiddler-frame { .tc-tiddler-frame {
<<box-shadow none>> <<box-shadow none>>
} }
} }
.tw-page-controls button svg, .tw-tiddler-controls button svg, .tw-topbar button svg { .tw-page-controls button svg, .tc-tiddler-controls button svg, .tw-topbar button svg {
<<transition "fill 150ms ease-in-out">> <<transition "fill 150ms ease-in-out">>
} }
.tw-tiddler-controls button.tw-selected svg { .tc-tiddler-controls button.tw-selected svg {
<<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">> <<filter "drop-shadow(0px -1px 2px rgba(0,0,0,0.25))">>
} }
.tw-tiddler-frame input.tc-edit-texteditor { .tc-tiddler-frame input.tc-edit-texteditor {
<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">> <<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
} }
@ -39,7 +39,7 @@ tags: [[$:/tags/stylesheet]]
<<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">> <<box-shadow "inset 0 1px 8px rgba(0, 0, 0, 0.15)">>
} }
.tw-tiddler-frame .tc-edit-tags input.tc-edit-texteditor { .tc-tiddler-frame .tc-edit-tags input.tc-edit-texteditor {
<<box-shadow "none">> <<box-shadow "none">>
border: none; border: none;
outline: none; outline: none;

2
themes/tiddlywiki/stickytitles/styles.tid
View File

@ -3,7 +3,7 @@ tags: [[$:/tags/stylesheet]]
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline \rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
.tw-tiddler-title { .tc-tiddler-title {
position: -webkit-sticky; position: -webkit-sticky;
position: -moz-sticky; position: -moz-sticky;
position: -o-sticky; position: -o-sticky;

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

@ -121,16 +121,16 @@ table tfoot tr td {
white-space: nowrap; white-space: nowrap;
} }
.tw-tiddler-frame img, .tc-tiddler-frame img,
.tw-tiddler-frame svg, .tc-tiddler-frame svg,
.tw-tiddler-frame canvas, .tc-tiddler-frame canvas,
.tw-tiddler-frame embed, .tc-tiddler-frame embed,
.tw-tiddler-frame iframe { .tc-tiddler-frame iframe {
max-width: 100%; max-width: 100%;
} }
.tw-tiddler-frame embed, .tc-tiddler-frame embed,
.tw-tiddler-frame iframe { .tc-tiddler-frame iframe {
width: 100%; width: 100%;
height: 600px; height: 600px;
} }
@ -193,12 +193,12 @@ a.tc-tiddlylink-external:hover {
** Drag and drop styles ** Drag and drop styles
*/ */
.tw-tiddler-dragger { .tc-tiddler-dragger {
position: relative; position: relative;
z-index: -10000; z-index: -10000;
} }
.tw-tiddler-dragger-inner { .tc-tiddler-dragger-inner {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
padding: 8px 20px; padding: 8px 20px;
@ -213,7 +213,7 @@ a.tc-tiddlylink-external:hover {
border-radius: 20px; border-radius: 20px;
} }
.tw-tiddler-dragger-cover { .tc-tiddler-dragger-cover {
position: absolute; position: absolute;
background-color: <<colour page-background>>; background-color: <<colour page-background>>;
} }
@ -516,7 +516,7 @@ button.tw-tag-label, span.tw-tag-label {
padding: 0; padding: 0;
} }
.tc-story-river .tw-tiddler-frame { .tc-story-river .tc-tiddler-frame {
margin: 0; margin: 0;
border: none; border: none;
padding: 28px; padding: 28px;
@ -527,25 +527,25 @@ button.tw-tag-label, span.tw-tag-label {
** Tiddler styles ** Tiddler styles
*/ */
.tw-tiddler-frame { .tc-tiddler-frame {
margin-bottom: 28px; margin-bottom: 28px;
background-color: <<colour tiddler-background>>; background-color: <<colour tiddler-background>>;
border: 1px solid <<colour tiddler-border>>; border: 1px solid <<colour tiddler-border>>;
} }
.tw-tiddler-info { .tc-tiddler-info {
padding: 14px 42px 14px 42px; padding: 14px 42px 14px 42px;
background-color: <<colour tiddler-info-background>>; background-color: <<colour tiddler-info-background>>;
border-top: 1px solid <<colour tiddler-info-border>>; border-top: 1px solid <<colour tiddler-info-border>>;
border-bottom: 1px solid <<colour tiddler-info-border>>; border-bottom: 1px solid <<colour tiddler-info-border>>;
} }
.tw-tiddler-info p { .tc-tiddler-info p {
margin-top: 3px; margin-top: 3px;
margin-bottom: 3px; margin-bottom: 3px;
} }
.tw-tiddler-info .tw-tab-buttons button.tw-tab-selected { .tc-tiddler-info .tw-tab-buttons button.tw-tab-selected {
background-color: <<colour tiddler-info-tab-background>>; background-color: <<colour tiddler-info-tab-background>>;
border-bottom: 1px solid <<colour tiddler-info-tab-background>>; border-bottom: 1px solid <<colour tiddler-info-tab-background>>;
} }
@ -565,30 +565,30 @@ button.tw-tag-label, span.tw-tag-label {
} }
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { @media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tw-tiddler-frame { .tc-tiddler-frame {
padding: 14px 14px 14px 14px; padding: 14px 14px 14px 14px;
} }
.tw-tiddler-info { .tc-tiddler-info {
margin: 0 -14px 0 -14px; margin: 0 -14px 0 -14px;
} }
} }
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { @media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tw-tiddler-frame { .tc-tiddler-frame {
padding: 28px 42px 42px 42px; padding: 28px 42px 42px 42px;
width: {{$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth}}; width: {{$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth}};
} }
<<if-no-sidebar " <<if-no-sidebar "
.tw-tiddler-frame { .tc-tiddler-frame {
width: 100%; width: 100%;
} }
">> ">>
.tw-tiddler-info { .tc-tiddler-info {
margin: 0 -42px 0 -42px; margin: 0 -42px 0 -42px;
} }
} }
@ -616,52 +616,52 @@ button.tw-tag-label, span.tw-tag-label {
font-weight: 300; font-weight: 300;
} }
.tw-tiddler-missing .tc-title { .tc-tiddler-missing .tc-title {
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
} }
.tw-tiddler-frame .tw-tiddler-controls { .tc-tiddler-frame .tc-tiddler-controls {
float: right; float: right;
} }
.tw-tiddler-controls .tc-drop-down { .tc-tiddler-controls .tc-drop-down {
font-size: 0.6em; font-size: 0.6em;
} }
.tw-tiddler-controls button { .tc-tiddler-controls button {
vertical-align: baseline; vertical-align: baseline;
} }
.tw-tiddler-controls button svg, .tw-tiddler-controls button img { .tc-tiddler-controls button svg, .tc-tiddler-controls button img {
height: 0.75em; height: 0.75em;
fill: <<colour tiddler-controls-foreground>>; fill: <<colour tiddler-controls-foreground>>;
} }
.tw-tiddler-controls button.tw-selected svg { .tc-tiddler-controls button.tw-selected svg {
fill: <<colour tiddler-controls-foreground-selected>>; fill: <<colour tiddler-controls-foreground-selected>>;
} }
.tw-tiddler-controls button.tc-btn-invisible:hover svg { .tc-tiddler-controls button.tc-btn-invisible:hover svg {
fill: <<colour tiddler-controls-foreground-hover>>; fill: <<colour tiddler-controls-foreground-hover>>;
} }
@media print { @media print {
.tw-tiddler-controls { .tc-tiddler-controls {
display: none; display: none;
} }
} }
.tw-tiddler-help { /* Help prompts within tiddler template */ .tc-tiddler-help { /* Help prompts within tiddler template */
color: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
margin-top: 14px; margin-top: 14px;
} }
.tw-tiddler-help a.tc-tiddlylink { .tc-tiddler-help a.tc-tiddlylink {
color: <<colour very-muted-foreground>>; color: <<colour very-muted-foreground>>;
} }
.tw-tiddler-frame input.tc-edit-texteditor, .tw-tiddler-frame textarea.tc-edit-texteditor { .tc-tiddler-frame input.tc-edit-texteditor, .tc-tiddler-frame textarea.tc-edit-texteditor {
width: 100%; width: 100%;
padding: 3px 3px 3px 3px; padding: 3px 3px 3px 3px;
border: 1px solid <<colour tiddler-editor-border>>; border: 1px solid <<colour tiddler-editor-border>>;
@ -670,7 +670,7 @@ button.tw-tag-label, span.tw-tag-label {
margin: 4px 0 4px 0; margin: 4px 0 4px 0;
} }
.tw-tiddler-frame .tw-binary-warning { .tc-tiddler-frame .tw-binary-warning {
width: 100%; width: 100%;
height: 5em; height: 5em;
text-align: center; text-align: center;
@ -679,7 +679,7 @@ button.tw-tag-label, span.tw-tag-label {
border: 1px solid <<colour alert-border>>; border: 1px solid <<colour alert-border>>;
} }
.tw-tiddler-frame input.tc-edit-texteditor { .tc-tiddler-frame input.tc-edit-texteditor {
background-color: <<colour tiddler-editor-background>>; background-color: <<colour tiddler-editor-background>>;
} }
@ -717,27 +717,27 @@ canvas.tc-edit-bitmapeditor {
fill: <<colour toolbar-save-button>>; fill: <<colour toolbar-save-button>>;
} }
.tw-tiddler-controls button svg.tc-image-info-button { .tc-tiddler-controls button svg.tc-image-info-button {
fill: <<colour toolbar-info-button>>; fill: <<colour toolbar-info-button>>;
} }
.tw-tiddler-controls button svg.tc-image-edit-button { .tc-tiddler-controls button svg.tc-image-edit-button {
fill: <<colour toolbar-edit-button>>; fill: <<colour toolbar-edit-button>>;
} }
.tw-tiddler-controls button svg.tc-image-close-button { .tc-tiddler-controls button svg.tc-image-close-button {
fill: <<colour toolbar-close-button>>; fill: <<colour toolbar-close-button>>;
} }
.tw-tiddler-controls button svg.tc-image-delete-button { .tc-tiddler-controls button svg.tc-image-delete-button {
fill: <<colour toolbar-delete-button>>; fill: <<colour toolbar-delete-button>>;
} }
.tw-tiddler-controls button svg.tc-image-cancel-button { .tc-tiddler-controls button svg.tc-image-cancel-button {
fill: <<colour toolbar-cancel-button>>; fill: <<colour toolbar-cancel-button>>;
} }
.tw-tiddler-controls button svg.tc-image-done-button { .tc-tiddler-controls button svg.tc-image-done-button {
fill: <<colour toolbar-done-button>>; fill: <<colour toolbar-done-button>>;
} }
@ -745,7 +745,7 @@ canvas.tc-edit-bitmapeditor {
** Tiddler edit mode ** Tiddler edit mode
*/ */
.tw-tiddler-edit-frame em.tc-edit { .tc-tiddler-edit-frame em.tc-edit {
color: <<colour muted-foreground>>; color: <<colour muted-foreground>>;
font-style: normal; font-style: normal;
} }
@ -784,11 +784,11 @@ canvas.tc-edit-bitmapeditor {
padding-left: 4px; padding-left: 4px;
} }
.tw-tiddler-preview { .tc-tiddler-preview {
overflow: auto; overflow: auto;
} }
.tw-tiddler-preview-preview { .tc-tiddler-preview-preview {
float: right; float: right;
width: 48%; width: 48%;
border: 1px solid <<colour tiddler-editor-border>>; border: 1px solid <<colour tiddler-editor-border>>;
@ -796,7 +796,7 @@ canvas.tc-edit-bitmapeditor {
padding: 3px 3px 3px 3px; padding: 3px 3px 3px 3px;
} }
.tw-tiddler-preview-edit { .tc-tiddler-preview-edit {
width: 48%; width: 48%;
} }