mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-04 17:16:18 +00:00
parent
4a1c530da7
commit
787481a804
@ -19,7 +19,7 @@ var CsvParser = function(type,text,options) {
|
|||||||
"type": "element", "tag": "table", "children": [{
|
"type": "element", "tag": "table", "children": [{
|
||||||
"type": "element", "tag": "tbody", "children": []
|
"type": "element", "tag": "tbody", "children": []
|
||||||
}], "attributes": {
|
}], "attributes": {
|
||||||
"class": {"type": "string", "value": "tw-csv-table"}
|
"class": {"type": "string", "value": "tc-csv-table"}
|
||||||
}
|
}
|
||||||
}]
|
}]
|
||||||
}];
|
}];
|
||||||
|
@ -45,7 +45,7 @@ exports.init = function(parser) {
|
|||||||
};
|
};
|
||||||
|
|
||||||
exports.parse = function() {
|
exports.parse = function() {
|
||||||
var classes = ["tw-quote"];
|
var classes = ["tc-quote"];
|
||||||
// Get all the details of the match
|
// Get all the details of the match
|
||||||
var reEndString = "^" + this.match[1] + "(?!<)";
|
var reEndString = "^" + this.match[1] + "(?!<)";
|
||||||
// Move past the <s
|
// Move past the <s
|
||||||
|
@ -42,7 +42,7 @@ exports.parse = function() {
|
|||||||
type: "element",
|
type: "element",
|
||||||
tag: "span",
|
tag: "span",
|
||||||
attributes: {
|
attributes: {
|
||||||
"class": {type: "string", value: "tw-inline-style"}
|
"class": {type: "string", value: "tc-inline-style"}
|
||||||
},
|
},
|
||||||
children: tree
|
children: tree
|
||||||
};
|
};
|
||||||
|
@ -160,11 +160,11 @@ SaverHandler.prototype.isDirty = function() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Update the document body with the class "tw-dirty" if the wiki has unsaved/unsynced changes
|
Update the document body with the class "tc-dirty" if the wiki has unsaved/unsynced changes
|
||||||
*/
|
*/
|
||||||
SaverHandler.prototype.updateDirtyStatus = function() {
|
SaverHandler.prototype.updateDirtyStatus = function() {
|
||||||
if($tw.browser) {
|
if($tw.browser) {
|
||||||
$tw.utils.toggleClass(document.body,"tw-dirty",this.isDirty());
|
$tw.utils.toggleClass(document.body,"tc-dirty",this.isDirty());
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -53,7 +53,7 @@ exports.startup = function() {
|
|||||||
$tw.perf.report("mainRender",function() {
|
$tw.perf.report("mainRender",function() {
|
||||||
$tw.pageWidgetNode = $tw.wiki.makeTranscludeWidget(PAGE_TEMPLATE_TITLE,{document: document, parentWidget: $tw.rootWidget});
|
$tw.pageWidgetNode = $tw.wiki.makeTranscludeWidget(PAGE_TEMPLATE_TITLE,{document: document, parentWidget: $tw.rootWidget});
|
||||||
$tw.pageContainer = document.createElement("div");
|
$tw.pageContainer = document.createElement("div");
|
||||||
$tw.utils.addClass($tw.pageContainer,"tw-page-container-wrapper");
|
$tw.utils.addClass($tw.pageContainer,"tc-page-container-wrapper");
|
||||||
document.body.insertBefore($tw.pageContainer,document.body.firstChild);
|
document.body.insertBefore($tw.pageContainer,document.body.firstChild);
|
||||||
$tw.pageWidgetNode.render($tw.pageContainer,null);
|
$tw.pageWidgetNode.render($tw.pageContainer,null);
|
||||||
})();
|
})();
|
||||||
|
@ -109,11 +109,11 @@ Syncer.prototype.isDirty = function() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Update the document body with the class "tw-dirty" if the wiki has unsaved/unsynced changes
|
Update the document body with the class "tc-dirty" if the wiki has unsaved/unsynced changes
|
||||||
*/
|
*/
|
||||||
Syncer.prototype.updateDirtyStatus = function() {
|
Syncer.prototype.updateDirtyStatus = function() {
|
||||||
if($tw.browser) {
|
if($tw.browser) {
|
||||||
$tw.utils.toggleClass(document.body,"tw-dirty",this.isDirty());
|
$tw.utils.toggleClass(document.body,"tc-dirty",this.isDirty());
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -35,7 +35,7 @@ Notifier.prototype.display = function(title,options) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// Add classes
|
// Add classes
|
||||||
$tw.utils.addClass(notification,"tw-notification");
|
$tw.utils.addClass(notification,"tc-notification");
|
||||||
// Render the body of the notification
|
// Render the body of the notification
|
||||||
var widgetNode = this.wiki.makeTranscludeWidget(title,{parentWidget: $tw.rootWidget, document: document});
|
var widgetNode = this.wiki.makeTranscludeWidget(title,{parentWidget: $tw.rootWidget, document: document});
|
||||||
widgetNode.render(notification,null);
|
widgetNode.render(notification,null);
|
||||||
|
@ -26,15 +26,15 @@ Popup.prototype.show = function(options) {
|
|||||||
this.title = options.title;
|
this.title = options.title;
|
||||||
this.wiki = options.wiki;
|
this.wiki = options.wiki;
|
||||||
this.anchorDomNode = options.domNode;
|
this.anchorDomNode = options.domNode;
|
||||||
$tw.utils.addClass(this.anchorDomNode,"tw-popup");
|
$tw.utils.addClass(this.anchorDomNode,"tc-popup");
|
||||||
this.rootElement.addEventListener("click",this,false);
|
this.rootElement.addEventListener("click",this,false);
|
||||||
};
|
};
|
||||||
|
|
||||||
Popup.prototype.handleEvent = function(event) {
|
Popup.prototype.handleEvent = function(event) {
|
||||||
// Dismiss the popup if we get a click on an element that doesn't have .tw-popup class
|
// Dismiss the popup if we get a click on an element that doesn't have .tc-popup class
|
||||||
if(event.type === "click") {
|
if(event.type === "click") {
|
||||||
var node = event.target;
|
var node = event.target;
|
||||||
while(node && !$tw.utils.hasClass(node,"tw-popup")) {
|
while(node && !$tw.utils.hasClass(node,"tc-popup")) {
|
||||||
node = node.parentNode;
|
node = node.parentNode;
|
||||||
}
|
}
|
||||||
if(!node) {
|
if(!node) {
|
||||||
@ -45,7 +45,7 @@ Popup.prototype.handleEvent = function(event) {
|
|||||||
|
|
||||||
Popup.prototype.cancel = function() {
|
Popup.prototype.cancel = function() {
|
||||||
if(this.anchorDomNode) {
|
if(this.anchorDomNode) {
|
||||||
$tw.utils.removeClass(this.anchorDomNode,"tw-popup");
|
$tw.utils.removeClass(this.anchorDomNode,"tc-popup");
|
||||||
this.anchorDomNode = null;
|
this.anchorDomNode = null;
|
||||||
}
|
}
|
||||||
this.rootElement.removeEventListener("click",this,false);
|
this.rootElement.removeEventListener("click",this,false);
|
||||||
|
@ -35,7 +35,7 @@ DropZoneWidget.prototype.render = function(parent,nextSibling) {
|
|||||||
this.execute();
|
this.execute();
|
||||||
// Create element
|
// Create element
|
||||||
var domNode = this.document.createElement("div");
|
var domNode = this.document.createElement("div");
|
||||||
domNode.className = "tw-dropzone";
|
domNode.className = "tc-dropzone";
|
||||||
// Add event handlers
|
// Add event handlers
|
||||||
$tw.utils.addEventListeners(domNode,[
|
$tw.utils.addEventListeners(domNode,[
|
||||||
{name: "dragenter", handlerObject: this, handlerMethod: "handleDragEnterEvent"},
|
{name: "dragenter", handlerObject: this, handlerMethod: "handleDragEnterEvent"},
|
||||||
@ -57,7 +57,7 @@ DropZoneWidget.prototype.handleDragEnterEvent = function(event) {
|
|||||||
this.dragEnterCount = (this.dragEnterCount || 0) + 1;
|
this.dragEnterCount = (this.dragEnterCount || 0) + 1;
|
||||||
// If we're entering for the first time we need to apply highlighting
|
// If we're entering for the first time we need to apply highlighting
|
||||||
if(this.dragEnterCount === 1) {
|
if(this.dragEnterCount === 1) {
|
||||||
$tw.utils.addClass(this.domNodes[0],"tw-dragover");
|
$tw.utils.addClass(this.domNodes[0],"tc-dragover");
|
||||||
}
|
}
|
||||||
// Tell the browser that we're ready to handle the drop
|
// Tell the browser that we're ready to handle the drop
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
@ -80,7 +80,7 @@ DropZoneWidget.prototype.handleDragLeaveEvent = function(event) {
|
|||||||
this.dragEnterCount = (this.dragEnterCount || 0) - 1;
|
this.dragEnterCount = (this.dragEnterCount || 0) - 1;
|
||||||
// Remove highlighting if we're leaving externally
|
// Remove highlighting if we're leaving externally
|
||||||
if(this.dragEnterCount <= 0) {
|
if(this.dragEnterCount <= 0) {
|
||||||
$tw.utils.removeClass(this.domNodes[0],"tw-dragover");
|
$tw.utils.removeClass(this.domNodes[0],"tc-dragover");
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -94,7 +94,7 @@ DropZoneWidget.prototype.handleDropEvent = function(event) {
|
|||||||
// Reset the enter count
|
// Reset the enter count
|
||||||
this.dragEnterCount = 0;
|
this.dragEnterCount = 0;
|
||||||
// Remove highlighting
|
// Remove highlighting
|
||||||
$tw.utils.removeClass(this.domNodes[0],"tw-dragover");
|
$tw.utils.removeClass(this.domNodes[0],"tc-dragover");
|
||||||
// Import any files in the drop
|
// Import any files in the drop
|
||||||
var numFiles = this.wiki.readFiles(dataTransfer.files,function(tiddlerFieldsArray) {
|
var numFiles = this.wiki.readFiles(dataTransfer.files,function(tiddlerFieldsArray) {
|
||||||
self.dispatchEvent({type: "tw-import-tiddlers", param: JSON.stringify(tiddlerFieldsArray)});
|
self.dispatchEvent({type: "tw-import-tiddlers", param: JSON.stringify(tiddlerFieldsArray)});
|
||||||
|
@ -38,7 +38,7 @@ RevealWidget.prototype.render = function(parent,nextSibling) {
|
|||||||
this.renderChildren(domNode,null);
|
this.renderChildren(domNode,null);
|
||||||
if(!domNode.isTiddlyWikiFakeDom && this.type === "popup" && this.isOpen) {
|
if(!domNode.isTiddlyWikiFakeDom && this.type === "popup" && this.isOpen) {
|
||||||
this.positionPopup(domNode);
|
this.positionPopup(domNode);
|
||||||
$tw.utils.addClass(domNode,"tw-popup"); // Make sure that clicks don't dismiss popups within the revealed content
|
$tw.utils.addClass(domNode,"tc-popup"); // Make sure that clicks don't dismiss popups within the revealed content
|
||||||
}
|
}
|
||||||
if(!this.isOpen) {
|
if(!this.isOpen) {
|
||||||
domNode.setAttribute("hidden","true")
|
domNode.setAttribute("hidden","true")
|
||||||
@ -187,7 +187,7 @@ RevealWidget.prototype.updateState = function() {
|
|||||||
// Animate our DOM node
|
// Animate our DOM node
|
||||||
if(!domNode.isTiddlyWikiFakeDom && this.type === "popup" && this.isOpen) {
|
if(!domNode.isTiddlyWikiFakeDom && this.type === "popup" && this.isOpen) {
|
||||||
this.positionPopup(domNode);
|
this.positionPopup(domNode);
|
||||||
$tw.utils.addClass(domNode,"tw-popup"); // Make sure that clicks don't dismiss popups within the revealed content
|
$tw.utils.addClass(domNode,"tc-popup"); // Make sure that clicks don't dismiss popups within the revealed content
|
||||||
|
|
||||||
}
|
}
|
||||||
if(this.isOpen) {
|
if(this.isOpen) {
|
||||||
|
@ -9,7 +9,7 @@ tags: $:/tags/EditTemplate
|
|||||||
<div class="tw-block-dropdown tw-edit-type-dropdown">
|
<div class="tw-block-dropdown tw-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="tw-dropdown-item">
|
<div class="tc-dropdown-item">
|
||||||
<$text text={{!!group}}/>
|
<$text text={{!!group}}/>
|
||||||
</div>
|
</div>
|
||||||
<$list filter="[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]group{!!group}] +[sort[description]]"><$link to={{!!name}}><$view field="description"/> (<$view field="name"/>)</$link>
|
<$list filter="[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]group{!!group}] +[sort[description]]"><$link to={{!!name}}><$view field="description"/> (<$view field="name"/>)</$link>
|
||||||
|
@ -5,7 +5,7 @@ title: $:/core/ui/MissingTemplate
|
|||||||
<$view field="title" format="text" />
|
<$view field="title" format="text" />
|
||||||
</$button>
|
</$button>
|
||||||
<$reveal state=<<qualify "$:/state/popup/missing">> type="popup" position="below" animate="yes">
|
<$reveal state=<<qualify "$:/state/popup/missing">> type="popup" position="below" animate="yes">
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
<$transclude tiddler="$:/core/ui/ListItemTemplate"/>
|
<$transclude tiddler="$:/core/ui/ListItemTemplate"/>
|
||||||
<hr>
|
<hr>
|
||||||
<$list filter="[all[current]backlinks[]sort[title]]" template="$:/core/ui/ListItemTemplate"/>
|
<$list filter="[all[current]backlinks[]sort[title]]" template="$:/core/ui/ListItemTemplate"/>
|
||||||
|
@ -19,11 +19,11 @@ $(languagePluginTitle)$/icon
|
|||||||
</$list>
|
</$list>
|
||||||
</$button>
|
</$button>
|
||||||
<$reveal state=<<qualify "$:/state/popup/language">> type="popup" position="below" animate="yes">
|
<$reveal state=<<qualify "$:/state/popup/language">> type="popup" position="below" animate="yes">
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
<$linkcatcher to="$:/language">
|
<$linkcatcher to="$:/language">
|
||||||
<$list filter="[[$:/languages/en-GB]] [plugin-type[language]sort[title]]">
|
<$list filter="[[$:/languages/en-GB]] [plugin-type[language]sort[title]]">
|
||||||
<$link>
|
<$link>
|
||||||
<span class="tw-drop-down-bullet">
|
<span class="tc-drop-down-bullet">
|
||||||
<$reveal type="match" state="$:/language" text=<<currentTiddler>>>
|
<$reveal type="match" state="$:/language" text=<<currentTiddler>>>
|
||||||
•
|
•
|
||||||
</$reveal>
|
</$reveal>
|
||||||
|
@ -16,7 +16,7 @@ $:/config/PageControlButtons/Visibility/$(listItem)$
|
|||||||
</$button>
|
</$button>
|
||||||
<$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
|
<$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
|
||||||
|
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
|
|
||||||
<$set name="tw-config-toolbar-icons" value="yes">
|
<$set name="tw-config-toolbar-icons" value="yes">
|
||||||
|
|
||||||
|
@ -4,7 +4,7 @@ caption: {{$:/core/images/save-button}} {{$:/language/Buttons/SaveWiki/Caption}}
|
|||||||
description: {{$:/language/Buttons/SaveWiki/Hint}}
|
description: {{$:/language/Buttons/SaveWiki/Hint}}
|
||||||
|
|
||||||
<$button message="tw-save-wiki" param={{$:/config/SaveWikiButton/Template}} title={{$:/language/Buttons/SaveWiki/Hint}} aria-label={{$:/language/Buttons/SaveWiki/Caption}} class=<<tw-config-toolbar-class>>>
|
<$button message="tw-save-wiki" param={{$:/config/SaveWikiButton/Template}} title={{$:/language/Buttons/SaveWiki/Hint}} aria-label={{$:/language/Buttons/SaveWiki/Caption}} class=<<tw-config-toolbar-class>>>
|
||||||
<span class="tw-dirty-indicator">
|
<span class="tc-dirty-indicator">
|
||||||
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
<$list filter="[<tw-config-toolbar-icons>prefix[yes]]">
|
||||||
{{$:/core/images/save-button}}
|
{{$:/core/images/save-button}}
|
||||||
</$list>
|
</$list>
|
||||||
|
@ -17,11 +17,11 @@ $:/core/images/storyview-$(storyview)$
|
|||||||
</$list>
|
</$list>
|
||||||
</$button>
|
</$button>
|
||||||
<$reveal state=<<qualify "$:/state/popup/storyview">> type="popup" position="below" animate="yes">
|
<$reveal state=<<qualify "$:/state/popup/storyview">> type="popup" position="below" animate="yes">
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
<$linkcatcher to="$:/view">
|
<$linkcatcher to="$:/view">
|
||||||
<$list filter="[storyviews[]]" variable="storyview">
|
<$list filter="[storyviews[]]" variable="storyview">
|
||||||
<$link to=<<storyview>>>
|
<$link to=<<storyview>>>
|
||||||
<span class="tw-drop-down-bullet">
|
<span class="tc-drop-down-bullet">
|
||||||
<$reveal type="match" state="$:/view" text=<<storyview>>>
|
<$reveal type="match" state="$:/view" text=<<storyview>>>
|
||||||
•
|
•
|
||||||
</$reveal>
|
</$reveal>
|
||||||
|
@ -12,11 +12,11 @@ description: {{$:/language/Buttons/Theme/Hint}}
|
|||||||
</$list>
|
</$list>
|
||||||
</$button>
|
</$button>
|
||||||
<$reveal state=<<qualify "$:/state/popup/theme">> type="popup" position="below" animate="yes">
|
<$reveal state=<<qualify "$:/state/popup/theme">> type="popup" position="below" animate="yes">
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
<$linkcatcher to="$:/theme">
|
<$linkcatcher to="$:/theme">
|
||||||
<$list filter="[plugin-type[theme]sort[title]]" variable="themeTitle">
|
<$list filter="[plugin-type[theme]sort[title]]" variable="themeTitle">
|
||||||
<$link to=<<themeTitle>>>
|
<$link to=<<themeTitle>>>
|
||||||
<span class="tw-drop-down-bullet">
|
<span class="tc-drop-down-bullet">
|
||||||
<$reveal type="match" state="$:/theme" text=<<themeTitle>>>
|
<$reveal type="match" state="$:/theme" text=<<themeTitle>>>
|
||||||
•
|
•
|
||||||
</$reveal>
|
</$reveal>
|
||||||
|
@ -9,10 +9,10 @@ title: $:/TagManager
|
|||||||
</$list>
|
</$list>
|
||||||
\end
|
\end
|
||||||
\define iconEditor(title)
|
\define iconEditor(title)
|
||||||
<div class="tw-drop-down-wrapper">
|
<div class="tc-drop-down-wrapper">
|
||||||
<$edit-text field="icon" tag="input" size="20"/> <$button popup=<<qualify "$:/state/popup/icon/$title$">> class="tc-btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button>
|
<$edit-text field="icon" tag="input" size="20"/> <$button popup=<<qualify "$:/state/popup/icon/$title$">> class="tc-btn-invisible btn-dropdown">{{$:/core/images/down-arrow}}</$button>
|
||||||
<$reveal state=<<qualify "$:/state/popup/icon/$title$">> type="popup" position="belowleft" text="" default="">
|
<$reveal state=<<qualify "$:/state/popup/icon/$title$">> type="popup" position="belowleft" text="" default="">
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
<$linkcatcher to="$title$!!icon">
|
<$linkcatcher to="$title$!!icon">
|
||||||
<<iconEditorTab type:"!">>
|
<<iconEditorTab type:"!">>
|
||||||
<hr/>
|
<hr/>
|
||||||
|
@ -9,7 +9,7 @@ background-color:$(backgroundColor)$;
|
|||||||
<$transclude tiddler={{!!icon}}/> <$view field="title" format="text" />
|
<$transclude tiddler={{!!icon}}/> <$view field="title" format="text" />
|
||||||
</$button>
|
</$button>
|
||||||
</$set>
|
</$set>
|
||||||
<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below" animate="yes"><div class="tw-drop-down"><$transclude tiddler="$:/core/ui/ListItemTemplate"/>
|
<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below" animate="yes"><div class="tc-drop-down"><$transclude tiddler="$:/core/ui/ListItemTemplate"/>
|
||||||
<hr>
|
<hr>
|
||||||
<$list filter="[all[current]tagging[]]" template="$:/core/ui/ListItemTemplate"/>
|
<$list filter="[all[current]tagging[]]" template="$:/core/ui/ListItemTemplate"/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -5,7 +5,7 @@ title: $:/core/ui/UntaggedTemplate
|
|||||||
<<lingo Tags/Untagged/Caption>>
|
<<lingo Tags/Untagged/Caption>>
|
||||||
</$button>
|
</$button>
|
||||||
<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below">
|
<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below">
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
<$list filter="[untagged[]!is[system]] -[tags[]] +[sort[title]]" template="$:/core/ui/ListItemTemplate"/>
|
<$list filter="[untagged[]!is[system]] -[tags[]] +[sort[title]]" template="$:/core/ui/ListItemTemplate"/>
|
||||||
</div>
|
</div>
|
||||||
</$reveal>
|
</$reveal>
|
||||||
|
@ -29,7 +29,7 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
|
|||||||
</$list>
|
</$list>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<$reveal type="nomatch" text="" default="" state=<<tiddlerInfoState>> class="tw-tiddler-info tw-popup" animate="yes" retain="yes">
|
<$reveal type="nomatch" text="" default="" state=<<tiddlerInfoState>> class="tw-tiddler-info tc-popup" animate="yes" retain="yes">
|
||||||
|
|
||||||
<$transclude tiddler="$:/core/ui/TiddlerInfo"/>
|
<$transclude tiddler="$:/core/ui/TiddlerInfo"/>
|
||||||
|
|
||||||
|
@ -15,7 +15,7 @@ $:/config/ViewToolbarButtons/Visibility/$(listItem)$
|
|||||||
</$list>
|
</$list>
|
||||||
</$button>
|
</$button>
|
||||||
<$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
|
<$reveal state=<<qualify "$:/state/popup/more">> type="popup" position="below" animate="yes">
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
<$set name="tw-config-toolbar-icons" value="yes">
|
<$set name="tw-config-toolbar-icons" value="yes">
|
||||||
<$set name="tw-config-toolbar-text" value="yes">
|
<$set name="tw-config-toolbar-text" value="yes">
|
||||||
<$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]] -[[$:/core/ui/Buttons/more-tiddler-actions]]" variable="listItem">
|
<$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]] -[[$:/core/ui/Buttons/more-tiddler-actions]]" variable="listItem">
|
||||||
|
@ -15,7 +15,7 @@ The dropzone widget has no attributes, and displays any contained content within
|
|||||||
|
|
||||||
! Display
|
! Display
|
||||||
|
|
||||||
The dropzone widget creates an HTML `<div class="tw-dropzone">` to contain its content. During a drag operation the class `tw-dragover` is added. CSS is used to provide user feedback.
|
The dropzone widget creates an HTML `<div class="tc-dropzone">` to contain its content. During a drag operation the class `tc-dragover` is added. CSS is used to provide user feedback.
|
||||||
|
|
||||||
! Data types supported
|
! Data types supported
|
||||||
|
|
||||||
|
@ -68,7 +68,7 @@ Here is a simple example of a popup built with the RevealWidget:
|
|||||||
<<wikitext-example-without-html '<$button popup="$:/SamplePopupState">Pop me up!</$button>
|
<<wikitext-example-without-html '<$button popup="$:/SamplePopupState">Pop me up!</$button>
|
||||||
|
|
||||||
<$reveal type="popup" state="$:/SamplePopupState">
|
<$reveal type="popup" state="$:/SamplePopupState">
|
||||||
<div class="tw-drop-down">
|
<div class="tc-drop-down">
|
||||||
|
|
||||||
! This is the popup
|
! This is the popup
|
||||||
And this is some text
|
And this is some text
|
||||||
|
@ -16,7 +16,7 @@ Rules copied from Snow White
|
|||||||
<<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-drop-down {
|
.tc-drop-down {
|
||||||
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)">>
|
||||||
}
|
}
|
||||||
@ -45,7 +45,7 @@ Rules copied from Snow White
|
|||||||
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
|
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-notification {
|
.tc-notification {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
|
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
|
||||||
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
|
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
|
||||||
|
@ -49,7 +49,7 @@ canvas.tw-edit-bitmapeditor {
|
|||||||
<<box-shadow "2px 2px 5px rgba(0, 0, 0, 0.5)">>
|
<<box-shadow "2px 2px 5px rgba(0, 0, 0, 0.5)">>
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down {
|
.tc-drop-down {
|
||||||
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)">>
|
||||||
}
|
}
|
||||||
@ -79,7 +79,7 @@ canvas.tw-edit-bitmapeditor {
|
|||||||
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
|
<<box-shadow "0 3px 7px rgba(0,0,0,0.6)">>
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-notification {
|
.tc-notification {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
|
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
|
||||||
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
|
text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
|
||||||
|
@ -117,7 +117,7 @@ table tfoot tr td {
|
|||||||
background-color: <<colour table-footer-background>>;
|
background-color: <<colour table-footer-background>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-csv-table {
|
.tc-csv-table {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -218,11 +218,11 @@ a.tc-tiddlylink-external:hover {
|
|||||||
background-color: <<colour page-background>>;
|
background-color: <<colour page-background>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-dropzone {
|
.tc-dropzone {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-dropzone.tw-dragover:before {
|
.tc-dropzone.tc-dragover:before {
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -625,7 +625,7 @@ button.tw-tag-label, span.tw-tag-label {
|
|||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-tiddler-controls .tw-drop-down {
|
.tw-tiddler-controls .tc-drop-down {
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -860,11 +860,11 @@ canvas.tw-edit-bitmapeditor {
|
|||||||
fill: <<colour muted-foreground>>;
|
fill: <<colour muted-foreground>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down-wrapper {
|
.tc-drop-down-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down {
|
.tc-drop-down {
|
||||||
min-width: 280px;
|
min-width: 280px;
|
||||||
border: 1px solid <<colour dropdown-border>>;
|
border: 1px solid <<colour dropdown-border>>;
|
||||||
background-color: <<colour dropdown-background>>;
|
background-color: <<colour dropdown-background>>;
|
||||||
@ -875,28 +875,28 @@ canvas.tw-edit-bitmapeditor {
|
|||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down button svg, .tw-drop-down a svg {
|
.tc-drop-down button svg, .tc-drop-down a svg {
|
||||||
fill: <<colour foreground>>;
|
fill: <<colour foreground>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down button.tc-btn-invisible:hover svg {
|
.tc-drop-down button.tc-btn-invisible:hover svg {
|
||||||
fill: <<colour foreground>>;
|
fill: <<colour foreground>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down p {
|
.tc-drop-down p {
|
||||||
padding: 0 14px 0 14px;
|
padding: 0 14px 0 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down svg {
|
.tc-drop-down svg {
|
||||||
width: 1em;
|
width: 1em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down img {
|
.tc-drop-down img {
|
||||||
width: 1em;
|
width: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down a, .tw-drop-down button {
|
.tc-drop-down a, .tc-drop-down button {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0 14px 0 14px;
|
padding: 0 14px 0 14px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -905,35 +905,35 @@ canvas.tw-edit-bitmapeditor {
|
|||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down .tw-file-input-wrapper {
|
.tc-drop-down .tw-file-input-wrapper {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down .tw-file-input-wrapper button {
|
.tc-drop-down .tw-file-input-wrapper button {
|
||||||
color: <<colour foreground>>;
|
color: <<colour foreground>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down a:hover, .tw-drop-down button:hover, .tw-drop-down .tw-file-input-wrapper:hover button {
|
.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tw-file-input-wrapper:hover button {
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down .tw-tab-buttons button {
|
.tc-drop-down .tw-tab-buttons button {
|
||||||
background-color: <<colour dropdown-tab-background>>;
|
background-color: <<colour dropdown-tab-background>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down .tw-tab-buttons button.tw-tab-selected {
|
.tc-drop-down .tw-tab-buttons button.tw-tab-selected {
|
||||||
background-color: <<colour dropdown-tab-background-selected>>;
|
background-color: <<colour dropdown-tab-background-selected>>;
|
||||||
border-bottom: 1px solid <<colour dropdown-tab-background-selected>>;
|
border-bottom: 1px solid <<colour dropdown-tab-background-selected>>;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down-bullet {
|
.tc-drop-down-bullet {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 0.5em;
|
width: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down .tw-tab-contents a {
|
.tc-drop-down .tw-tab-contents a {
|
||||||
padding: 0 0.5em 0 0.5em;
|
padding: 0 0.5em 0 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -957,8 +957,8 @@ canvas.tw-edit-bitmapeditor {
|
|||||||
padding: 4px 14px 4px 14px;
|
padding: 4px 14px 4px 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tw-drop-down .tw-dropdown-item,
|
.tc-drop-down .tc-dropdown-item,
|
||||||
.tw-block-dropdown .tw-dropdown-item {
|
.tw-block-dropdown .tc-dropdown-item {
|
||||||
padding: 4px 14px 4px 7px;
|
padding: 4px 14px 4px 7px;
|
||||||
color: <<colour muted-foreground>>;
|
color: <<colour muted-foreground>>;
|
||||||
}
|
}
|
||||||
@ -1047,7 +1047,7 @@ canvas.tw-edit-bitmapeditor {
|
|||||||
** Notifications
|
** Notifications
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.tw-notification {
|
.tc-notification {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 14px;
|
top: 14px;
|
||||||
right: 42px;
|
right: 42px;
|
||||||
@ -1421,7 +1421,7 @@ a.tc-tiddlylink.tw-plugin-info:hover {
|
|||||||
** Dirty indicator
|
** Dirty indicator
|
||||||
*/
|
*/
|
||||||
|
|
||||||
body.tw-dirty span.tw-dirty-indicator, body.tw-dirty span.tw-dirty-indicator svg {
|
body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg {
|
||||||
fill: <<colour dirty-indicator>>;
|
fill: <<colour dirty-indicator>>;
|
||||||
color: <<colour dirty-indicator>>;
|
color: <<colour dirty-indicator>>;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user