tiddlywiki 5.3.5 → 5.3.7

package/plugins/tiddlywiki/qrcode/docs/makeqr.tid

@@ -11,7 +11,7 @@ The ''makeqr'' [[macro|Macros]] converts text data into an image of the correspo
 ;size
 : The size of the image in pixels (defaults to 500)
 ;errorCorrectLevel
-: Determines the amount of error correction applied to the image; see below (defaults to "M").
+: Determines the amount of error correction applied to the image (see below, defaults to "M")
 ;fallback
 : The fallback image to be returned in case of an error (see below)
 
@@ -19,26 +19,30 @@ The conversion will fail if the text is too long and/or complex and the macro wi
 
 The error correction level is a [[QR code feature|http://www.qrcode.com/en/about/error_correction.html]]:
 
-<<<
-QR Code has error correction capability to restore data if the code is dirty or damaged. ... Level Q or H may be selected for factory environment where QR Code get dirty, whereas Level L may be selected for clean environment with the large amount of data. Typically, Level M (15%) is most frequently selected.
-<<<
+|errorCorrectLevel |Redundancy |Use cases |h
+|L | 7%|Clean environment, large amount of data |
+|M | 15%|Default value, most common choice |
+|Q | 25%|Dirty environment, small amount of data |
+|H | 30%|~|
 
 !! Examples
 
-Making a QR code for a simple string of text:
+Making a QR code data URI for a simple string of text:
 
 ```
 <<makeqr "Hello there!">>
 ```
 
-Making a QR code for the URL field of the current tiddler:
+Displaying a QR code for a simple string of text:
 
 ```
-<$macrocall $name="makeqr" text={{!!url}}/>
+<img src=<<makeqr "Hello there!">> />
 ```
 
-Making a QR code for the URL of the current wiki:
+Displaying a QR code for a transcluded value (URL of the current wiki):
 
 ```
-<$macrocall $name="makeqr" text={{$:/info/url/full}}/>
+\define qr(content) <img src=<<makeqr text:"""$content$""">> />
+
+<$transclude $variable="qr" content={{$:/info/url/full}} />
 ```

package/plugins/tiddlywiki/qrcode/makeqr.js

@@ -6,10 +6,7 @@ module-type: macro
 Macro to convert a string into a QR Code
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 /*
@@ -37,7 +34,7 @@ exports.run = function(text,size,errorCorrectLevel,fallback) {
 	var result;
 	try {
 		result = generateQrCode(text,{size: size, errorCorrectLevel: errorCorrectLevel});
-	} catch (ex) {
+	} catch(ex) {
 		console.log("makeqr error: " + ex);
 		result = fallback || ("data:image/svg+xml," + encodeURI(QRCODE_GENERATION_ERROR_PREFIX + ex + QRCODE_GENERATION_ERROR_SUFFIX));
 	}
@@ -54,7 +51,7 @@ function generateQrCode(text,options) {
 		qr = qrcode(typeNumber,errorCorrectLevel);
 		qr.addData(text);
 		qr.make();
-	} catch (e) {
+	} catch(e) {
 		if(typeNumber >= 40) {
 			throw new Error("Text too long to encode");
 		} else {
@@ -69,6 +66,3 @@ function generateQrCode(text,options) {
 		margin = parseInt((size - qr.getModuleCount() * cellsize) / 2);
 	return qr.createImgTag(cellsize, margin, size);
 }
-
-
-})();

package/plugins/tiddlywiki/railroad/components.js

@@ -6,10 +6,7 @@ module-type: library
 Components of a railroad diagram.
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 var railroad = require("$:/plugins/tiddlywiki/railroad/railroad-diagrams.js");
@@ -287,5 +284,3 @@ exports.components = {
 	Terminal: Terminal,
 	Transclusion: Transclusion
 };
-
-})();

package/plugins/tiddlywiki/railroad/parser.js

@@ -33,10 +33,7 @@ pragmas:
 	\end single|double|none
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 var components = require("$:/plugins/tiddlywiki/railroad/components.js").components;
@@ -377,7 +374,7 @@ Parser.prototype.tokenise = function(source) {
 		// Skip whitespace
 		pos = $tw.utils.skipWhiteSpace(source,pos);
 		// Avoid falling off the end of the string
-		if (pos >= source.length) {
+		if(pos >= source.length) {
 			break;
 		}
 		// Examine the next character
@@ -448,5 +445,3 @@ Parser.prototype.readPragma = function(source,pos) {
 /////////////////////////// Exports
 
 exports.parser = Parser;
-
-})();

package/plugins/tiddlywiki/railroad/typed-parser.js

@@ -6,10 +6,7 @@ module-type: parser
 This parser wraps unadorned railroad syntax into a railroad widget
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 var RailroadParser = function(type,text,options) {
@@ -23,6 +20,3 @@ console.log(text);
 };
 
 exports["text/vnd.tiddlywiki.railroad"] = RailroadParser;
-
-})();
-

package/plugins/tiddlywiki/railroad/wrapper.js

@@ -6,10 +6,7 @@ module-type: widget
 Wrapper for `railroad-diagrams.js` that provides a `<$railroad>` widget.
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 var Parser = require("$:/plugins/tiddlywiki/railroad/parser.js").parser,
@@ -143,5 +140,3 @@ RailroadWidget.prototype.dispatchLink = function(to,event) {
 };
 
 exports.railroad = RailroadWidget;
-
-})();

package/plugins/tiddlywiki/savetrail/savetrail.js

@@ -6,10 +6,7 @@ module-type: startup
 A startup module to download every changed tiddler as a JSON file
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 // Export name and synchronous status
@@ -149,5 +146,3 @@ function saveTiddlerFile(tiddler,options) {
 	link.click();
 	document.body.removeChild(link);
 }
-
-})();

package/plugins/tiddlywiki/savetrail/settings.tid

@@ -1,5 +1,6 @@
 title: $:/plugins/tiddlywiki/savetrail/settings
-
+caption: Save Trail
+tags: $:/tags/ControlPanel/SettingsTab
 
 <$checkbox tiddler="$:/config/SaveTrailPlugin/enable" field="text" checked="yes" unchecked="no"> Enable automatic saving of modified tiddlers</$checkbox>
 

package/plugins/tiddlywiki/share/rawmarkup.js

@@ -6,10 +6,7 @@ module-type: library
 Read tiddlers from the browser location hash
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 // Get the hash
@@ -108,5 +105,3 @@ function removeWarningBanner() {
 	warningWrapper.parentNode.removeChild(warningWrapper);
 	stylesWrapper.parentNode.removeChild(stylesWrapper);
 }
-
-})();

package/plugins/tiddlywiki/share/settings.tid

@@ -1,4 +1,6 @@
 title: $:/plugins/tiddlywiki/share/settings
+caption: Share
+tags: $:/tags/ControlPanel/SettingsTab
 
 !! Base sharing URL
 

package/plugins/tiddlywiki/share/wizard.tid

@@ -66,7 +66,7 @@ Generate sharing link
 !! 5 - Export the shared tiddlers
 
 <$button>
-<$action-sendmessage $message="tm-download-file" $param="$:/core/templates/exporters/JsonFile" exportFilter={{$:/config/plugins/share/filter}} filename="tiddlers.json"/>
+<$action-sendmessage $message="tm-download-file" $param="$:/core/templates/exporters/JsonFile" exportFilter={{$:/config/plugins/share/filter}} filename="tiddlers.json" type="application/json"/>
 Export as JSON
 </$button>
 

package/plugins/tiddlywiki/stacked-view/plugin.info

@@ -3,5 +3,5 @@
 	"name": "Stacked View",
 	"description": "Stacked card storyview",
 	"list": "readme",
-	"stability": "STABILITY_1_EXPERIMENTAL"
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/stacked-view/readme.tid

@@ -2,4 +2,4 @@ title: $:/plugins/tiddlywiki/stacked-view/readme
 
 This plugin provides a new story visualisation that displays individual tiddlers as a stack of cards. It is currently experimental and incomplete.
 
-[[Source code|https://github.com/Jermolene/TiddlyWiki5/blob/master/plugins/tiddlywiki/stacked-view]]
+[[Source code|https://github.com/TiddlyWiki/TiddlyWiki5/blob/master/plugins/tiddlywiki/stacked-view]]

package/plugins/tiddlywiki/stacked-view/stacked.js

@@ -6,10 +6,7 @@ module-type: storyview
 Keeps tiddlers in a stack
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 var easing = "cubic-bezier(0.645, 0.045, 0.355, 1)"; // From http://easings.net/#easeInOutCubic
@@ -84,5 +81,3 @@ StackedListView.prototype.remove = function(widget) {
 };
 
 exports.stacked = StackedListView;
-
-})();

package/plugins/tiddlywiki/tahoelafs/readme.tid

@@ -4,4 +4,4 @@ This plugin provides a ''saver'' module for saving changes under the [[Tahoe Lea
 
 At this point it is largely for experimentation by @zooko.
 
-[[Source code|https://github.com/Jermolene/TiddlyWiki5/blob/master/plugins/tiddlywiki/tahoelafs]]
+[[Source code|https://github.com/TiddlyWiki/TiddlyWiki5/blob/master/plugins/tiddlywiki/tahoelafs]]

package/plugins/tiddlywiki/tahoelafs/saver.js

@@ -6,10 +6,7 @@ module-type: saver
 A bare bones saver for Tahoe-LAFS. It just PUTs the new HTML file back to the server at the same URL.
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 /*
@@ -53,5 +50,3 @@ Create an instance of this saver
 exports.create = function(wiki) {
 	return new TahoeSaver(wiki);
 };
-
-})();

package/plugins/tiddlywiki/text-slicer/modules/commands/slice.js

@@ -6,10 +6,7 @@ module-type: command
 Command to slice a specified tiddler
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 var widget = require("$:/core/modules/widgets/widget.js"),
@@ -54,5 +51,3 @@ Command.prototype.execute = function() {
 };
 
 exports.Command = Command;
-
-})();

package/plugins/tiddlywiki/text-slicer/modules/filters/list-children.js

@@ -6,10 +6,7 @@ module-type: filteroperator
 Filter operator returning all the descendents of a tiddler listed in the "list" field
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 /*
@@ -34,5 +31,3 @@ exports["list-children"] = function(source,operator,options) {
 	});
 	return Object.keys(children);
 };
-
-})();

package/plugins/tiddlywiki/text-slicer/modules/slicer.js

@@ -16,10 +16,7 @@ var slicer = new textSlicer.Slicer(doc,{
 	});
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 function Slicer(options) {
@@ -365,7 +362,7 @@ Slicer.prototype.onCloseTag = function(name) {
 	// Render the tag
 	if(actions.isAnchor) {
 		this.onCloseAnchor(e);
-	} else if (!actions.dontRenderTag && !selfClosing) {
+	} else if(!actions.dontRenderTag && !selfClosing) {
 		var markupInfo = actions.markup && actions.markup[this.outputMode];
 		if(markupInfo) {
 			this.addTextToCurrentChunk(markupInfo.suffix);
@@ -474,5 +471,3 @@ Slicer.prototype.makeTitle = function(prefix) {
 };
 
 exports.Slicer = Slicer;
-
-})();

package/plugins/tiddlywiki/text-slicer/modules/startup/slicer-startup.js

@@ -6,10 +6,7 @@ module-type: startup
 Setup the root widget event handlers
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 var textSlicer = require("$:/plugins/tiddlywiki/text-slicer/modules/slicer.js");
@@ -47,5 +44,3 @@ exports.startup = function() {
 		});
 	});
 };
-
-})();

package/plugins/tiddlywiki/text-slicer/ui/slice-toolbar-button.tid

@@ -6,18 +6,18 @@ description: Slice this text tiddler by headings and lists
 
 \whitespace trim
 
-\define hint()
+\procedure hint()
 Slice this text tiddler into chunks
 \end
 
 <$list filter="[<currentTiddler>!is[image]!is[binary]]" variable="ignore">
 <$button tooltip=<<hint>> aria-label=<<hint>> class=<<tv-config-toolbar-class>>>
 <$action-sendmessage $message="tm-modal" $param="$:/plugins/tiddlywiki/text-slicer/ui/slice-modal" currentTiddler=<<currentTiddler>>/>
-<$list filter="[<tv-config-toolbar-icons>match[yes]]">
+<%if [<tv-config-toolbar-icons>match[yes]] %>
 {{$:/plugins/tiddlywiki/text-slicer/images/text-slicer-icon}}
-</$list>
-<$list filter="[<tv-config-toolbar-text>match[yes]]">
+<%endif%>
+<%if [<tv-config-toolbar-text>match[yes]] %>
 <span class="tc-btn-text">Slice tiddler</span>
-</$list>
+<%endif%>
 </$button>
 </$list>

package/plugins/tiddlywiki/tiddlyweb/readme.tid

@@ -4,4 +4,4 @@ This plugin runs in the browser to synchronise tiddler changes to and from a Tid
 
 Changes made while offline are saved in memory and automatically synchonised with the server when the connection is re-established. However, if the browser tab is closed or another URL is loaded, the in-memory changes will be lost. The [[https://tiddlywiki.com/#BrowserStorage Plugin]] may be added to provide temporary filesystem storage of tiddler changes made while offline and enable them to be synchronised with the server the next time the wiki is loaded in the same browser.  
 
-[[Source code|https://github.com/Jermolene/TiddlyWiki5/blob/master/plugins/tiddlywiki/tiddlyweb]]
+[[Source code|https://github.com/TiddlyWiki/TiddlyWiki5/blob/master/plugins/tiddlywiki/tiddlyweb]]

package/plugins/tiddlywiki/tiddlyweb/save-wiki-button.tid

@@ -9,12 +9,12 @@ $:/config/PageControlButtons/Visibility/$(listItem)$
 \end
 <$button popup=<<qualify "$:/state/popup/save-wiki">> tooltip="Status of synchronisation with server" aria-label="Server status" class=<<tv-config-toolbar-class>> selectedClass="tc-selected">
 <span class="tc-dirty-indicator">
-<$list filter="[<tv-config-toolbar-icons>match[yes]]">
+<%if [<tv-config-toolbar-icons>match[yes]] %>
 {{$:/plugins/tiddlywiki/tiddlyweb/icon/cloud}}
-</$list>
-<$list filter="[<tv-config-toolbar-text>match[yes]]">
+<%endif%>
+<%if [<tv-config-toolbar-text>match[yes]] %>
 <span class="tc-btn-text"><$text text="Server status"/></span>
-</$list>
+<%endif%>
 </span>
 </$button>
 <$reveal state=<<qualify "$:/state/popup/save-wiki">> type="popup" position="belowleft" animate="yes">

package/plugins/tiddlywiki/tiddlyweb/tiddlywebadaptor.js

@@ -6,10 +6,7 @@ module-type: syncadaptor
 A sync adaptor module for synchronising with TiddlyWeb compatible servers
 
 \*/
-(function(){
 
-/*jslint node: true, browser: true */
-/*global $tw: false */
 "use strict";
 
 var CONFIG_HOST_TIDDLER = "$:/config/tiddlyweb/host",
@@ -84,7 +81,7 @@ TiddlyWebAdaptor.prototype.getStatus = function(callback) {
 			var json = null;
 			try {
 				json = JSON.parse(data);
-			} catch (e) {
+			} catch(e) {
 			}
 			if(json) {
 				self.logger.log("Status:",data);
@@ -164,7 +161,7 @@ TiddlyWebAdaptor.prototype.getCsrfToken = function() {
 	var regex = /^(?:.*; )?csrf_token=([^(;|$)]*)(?:;|$)/,
 		match = regex.exec(document.cookie),
 		csrf = null;
-	if (match && (match.length === 2)) {
+	if(match && (match.length === 2)) {
 		csrf = match[1];
 	}
 	return csrf;
@@ -375,5 +372,3 @@ TiddlyWebAdaptor.prototype.parseEtag = function(etag) {
 if($tw.browser && document.location.protocol.substr(0,4) === "http" ) {
 	exports.adaptorClass = TiddlyWebAdaptor;
 }
-
-})();

package/plugins/tiddlywiki/tour/plugin.info

@@ -4,5 +4,5 @@
 	"description": "A tour of TiddlyWiki",
 	"list": "readme docs settings",
 	"dependents": ["$:/plugins/tiddlywiki/confetti","$:/plugins/tiddlywiki/dynannotate"],
-	"stability": "STABILITY_1_EXPERIMENTAL"
+	"stability": "STABILITY_2_STABLE"
 }

package/plugins/tiddlywiki/tour/settings.tid

@@ -1,4 +1,6 @@
 title: $:/plugins/tiddlywiki/tour/settings
+caption: Tour
+tags: $:/tags/ControlPanel/SettingsTab
 
 \import [[$:/plugins/tiddlywiki/tour/variables]]
 \procedure button-expand-collapse-all(caption,text)
@@ -49,48 +51,50 @@ Select a tour:
 	currentTour={{{ [<stateCurrentTour>get[text]] :else[<defaultTour>] }}}
 	currentTourTag={{{ [<currentTour>get[tour-tag]] }}}
 >
-	<table class="tc-tour-settings-tour-details">
-		<tbody>
-			<tr>
-				<th>
-					Tour title
-				</th>
-				<td>
-					<$link to=<<currentTour>>><$text text=<<currentTour>>/></$link>
-				</td>
-			</tr>
-			<tr>
-				<th>
-					Tour description
-				</th>
-				<td>
-					<div class="tc-tour-settings-tour-details-description">
-						<$transclude $tiddler=<<currentTour>>>
-							(No description available)
-						</$transclude>
-					</div>
-				</td>
-			</tr>
-			<tr>
-				<th>
-					Tour logo
-				</th>
-				<td>
-					<div class="tc-tour-settings-tour-details-logo">
-						<$image source={{{ [<currentTour>get[logo]] }}}/>
-					</div>
-				</td>
-			</tr>
-			<tr>
-				<th>
-					Tour step tag
-				</th>
-				<td>
-					<$transclude $variable="tag" tag=<<currentTourTag>>/>
-				</td>
-			</tr>
-		</tbody>
-	</table>
+	<div class="tc-table-wrapper">
+		<table class="tc-tour-settings-tour-details">
+			<tbody>
+				<tr>
+					<th>
+						Tour title
+					</th>
+					<td>
+						<$link to=<<currentTour>>><$text text=<<currentTour>>/></$link>
+					</td>
+				</tr>
+				<tr>
+					<th>
+						Tour description
+					</th>
+					<td>
+						<div class="tc-tour-settings-tour-details-description">
+							<$transclude $tiddler=<<currentTour>>>
+								(No description available)
+							</$transclude>
+						</div>
+					</td>
+				</tr>
+				<tr>
+					<th>
+						Tour logo
+					</th>
+					<td>
+						<div class="tc-tour-settings-tour-details-logo">
+							<$image source={{{ [<currentTour>get[logo]] }}}/>
+						</div>
+					</td>
+				</tr>
+				<tr>
+					<th>
+						Tour step tag
+					</th>
+					<td>
+						<$transclude $variable="tag" tag=<<currentTourTag>>/>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
 	<$list filter="[<currentTour>has[settings]]" variable="ignore">
 		<p>
 		Custom tour settings:
@@ -127,21 +131,23 @@ Select a tour:
 					</$button>
 				</div>
 				<$reveal state=<<collapseState>> text="show" type="match" default="hide" animate="yes">
-					<table class="tc-tour-settings-tour-step-details">
-						<tbody>
-							<<display-tour-step-field-text "title" "Title">>
-							<<display-tour-step-field-text "caption" "Caption">>
-							<<display-tour-step-field-text "step-success-filter" "step-success-filter">>
-							<<display-tour-step-field-text "step-success-filter-var" "step-success-filter Variable">>
-							<<display-tour-step-field-text "display-mode" "Display Mode">>
-							<<display-tour-step-field-text "enter-actions" "Enter Actions">>
-							<<display-tour-step-field-text "hint-text" "Hint text">>
-							<<display-tour-step-field-text "hint-selector" "Hint selector">>
-							<<display-tour-step-field-text "hint-selector-fallback-1" "Hint selector Fallback 1">>
-							<<display-tour-step-field-text "hint-selector-fallback-2" "Hint selector Fallback 2">>
-							<<display-tour-step-field-text "condition" "Condition">>
-						</tbody>
-					</table>
+					<div class="tc-table-wrapper">
+						<table class="tc-tour-settings-tour-step-details">
+							<tbody>
+								<<display-tour-step-field-text "title" "Title">>
+								<<display-tour-step-field-text "caption" "Caption">>
+								<<display-tour-step-field-text "step-success-filter" "step-success-filter">>
+								<<display-tour-step-field-text "step-success-filter-var" "step-success-filter Variable">>
+								<<display-tour-step-field-text "display-mode" "Display Mode">>
+								<<display-tour-step-field-text "enter-actions" "Enter Actions">>
+								<<display-tour-step-field-text "hint-text" "Hint text">>
+								<<display-tour-step-field-text "hint-selector" "Hint selector">>
+								<<display-tour-step-field-text "hint-selector-fallback-1" "Hint selector Fallback 1">>
+								<<display-tour-step-field-text "hint-selector-fallback-2" "Hint selector Fallback 2">>
+								<<display-tour-step-field-text "condition" "Condition">>
+							</tbody>
+						</table>
+					</div>
 					<div class="tc-tour-settings-tour-step-body">
 						<$transclude $tiddler=<<currentStep>> $mode="block"/>
 					</div>

package/plugins/tiddlywiki/tour/simplified-tiddler-with-tags.tid

@@ -81,8 +81,8 @@ color:$(foregroundColor)$;
 \end
 
 <$let storyTiddler=<<currentTiddler>>>
-	<div class="tc-tiddler-frame tc-tiddler-view-frame tc-tiddler-exists tc-tiddler-shadow " role="article">
-		<div class="tc-tiddler-title">
+	<div class="tc-tiddler-frame tc-tiddler-view-frame tc-tiddler-exists tc-tiddler-shadow tc-clearfix" role="article">
+		<div class="tc-tiddler-title tc-clearfix">
 			<div class="tc-titlebar">
 				<span class="tc-tiddler-controls">
 					<$list filter="[<tour-simplified-tiddler-close-button>match[yes]]" variable="ignore">
@@ -94,12 +94,12 @@ color:$(foregroundColor)$;
 				</span>
 			</div>
 		</div>
-		<div class="tc-tags-wrapper">
+		<div class="tc-tags-wrapper tc-clearfix">
 			<$list filter="[all[current]tags[]sort[title]]" storyview="pop">
 				<<simplified-tag "$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/">>
 			</$list>
 		</div>
-		<div class="tc-tiddler-body">
+		<div class="tc-tiddler-body tc-clearfix">
 			<$transclude field="text" mode="block"/>
 		</div>
 	</div>

package/plugins/tiddlywiki/tour/simplified-tiddler.tid

@@ -3,7 +3,7 @@ title: $:/plugins/tiddlywiki/tour/simplified-tiddler
 \whitespace trim
 <$let storyTiddler=<<currentTiddler>>>
 	<div class="tc-tiddler-frame tc-tiddler-view-frame tc-tiddler-exists tc-tiddler-shadow " role="article">
-		<div class="tc-tiddler-title">
+		<div class="tc-tiddler-title tc-clearfix">
 			<div class="tc-titlebar">
 				<span class="tc-tiddler-controls">
 					<$list filter="[<tour-simplified-tiddler-close-button>match[yes]]" variable="ignore">
@@ -15,7 +15,7 @@ title: $:/plugins/tiddlywiki/tour/simplified-tiddler
 				</span>
 			</div>
 		</div>
-		<div class="tc-tiddler-body">
+		<div class="tc-tiddler-body tc-clearfix">
 			<$transclude field="text" mode="block"/>
 		</div>
 	</div>