TiddlyWiki5/editions/tw5.com/tiddlers/demonstrations/CustomStoryTiddlerTemplateDemo.tid/Styles.tid

title: $:/_tw5.com/CustomStoryTiddlerTemplateDemo/Styles
tags: $:/tags/Stylesheet
code-body: yes

.tc-custom-tiddler-template {
	border: 3px solid <<colour muted-foreground>>;
	border-radius: 1em;
	margin-bottom: 1em;
}

.tc-custom-tiddler-template-inner {
	background: <<colour muted-foreground>>;
	padding: 1em;
}

.tc-custom-tiddler-template-list {
	position: relative;
	height: 33vh;
}

.tc-custom-tiddler-template-list .tc-custom-tiddler-template-list-item {
	position: absolute;
	width: 100%;
	transform-origin: 50% 0;
	top: 50px;
	left: 0;
	<<box-shadow "0px 0px 15px rgba(0, 0, 0, 0.3)">>
}

.tc-custom-tiddler-template-list .tc-custom-tiddler-template-list-item .tc-tiddler-frame {
	margin: 0;
}
Add "cascade" filter run prefix and use it to control view templates (#6168) * Initial Commit * Set currentTiddler and ..currentTiddler for filter evaulation * Precompile the filters for performance * Add explicit test for empty result when no filter passes * Use the cascade filter run prefix to choose the view template body template * Use the cascade mechanism to choose between the edit and view templates * Simplify cascade filter Thanks @saqimtiaz * Add control panel UI for inspecting the template cascades * Refactor import listing and plugin listing as alternate body templates As suggested by @pmario * Refer to $:/core/ui/{View\|Edit}Template via their associated config tiddlers * Fix typo in previous commit * Add demo of custom story tiddler template * Tweak control panel wording * Standardise "Story Tiddler Template" nomenclature * Add a cascade for the editor template body * Add a cascade for the view template title * Avoid unwanted whitespace * Add a cascade for dynamically choosing tiddler icons 2021-11-15 21:06:47 +00:00			`title: $:/_tw5.com/CustomStoryTiddlerTemplateDemo/Styles`
			`tags: $:/tags/Stylesheet`
Use code-body: yes for more templates Fixes #6444 2022-02-07 16:53:36 +00:00			`code-body: yes`
Add "cascade" filter run prefix and use it to control view templates (#6168) * Initial Commit * Set currentTiddler and ..currentTiddler for filter evaulation * Precompile the filters for performance * Add explicit test for empty result when no filter passes * Use the cascade filter run prefix to choose the view template body template * Use the cascade mechanism to choose between the edit and view templates * Simplify cascade filter Thanks @saqimtiaz * Add control panel UI for inspecting the template cascades * Refactor import listing and plugin listing as alternate body templates As suggested by @pmario * Refer to $:/core/ui/{View\|Edit}Template via their associated config tiddlers * Fix typo in previous commit * Add demo of custom story tiddler template * Tweak control panel wording * Standardise "Story Tiddler Template" nomenclature * Add a cascade for the editor template body * Add a cascade for the view template title * Avoid unwanted whitespace * Add a cascade for dynamically choosing tiddler icons 2021-11-15 21:06:47 +00:00
			`.tc-custom-tiddler-template {`
			`border: 3px solid <<colour muted-foreground>>;`
			`border-radius: 1em;`
			`margin-bottom: 1em;`
			`}`

			`.tc-custom-tiddler-template-inner {`
			`background: <<colour muted-foreground>>;`
			`padding: 1em;`
			`}`

			`.tc-custom-tiddler-template-list {`
			`position: relative;`
			`height: 33vh;`
			`}`

			`.tc-custom-tiddler-template-list .tc-custom-tiddler-template-list-item {`
			`position: absolute;`
			`width: 100%;`
			`transform-origin: 50% 0;`
			`top: 50px;`
			`left: 0;`
			`<<box-shadow "0px 0px 15px rgba(0, 0, 0, 0.3)">>`
			`}`

			`.tc-custom-tiddler-template-list .tc-custom-tiddler-template-list-item .tc-tiddler-frame {`
			`margin: 0;`
			`}`