mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-10-29 06:37:39 +00:00
Code Issues Releases Wiki Activity

Fixes for sideways view

Browse Source 
Fixed problem with starting up with the empty message displayed, and
problem with incorrect width reading of newly inserted list elements
This commit is contained in:
Jeremy Ruston
2012-11-05 15:14:27 +00:00
parent c95618e42c
commit 6819365dfc
1 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
core/modules/macros/list/listviews/sideways.js
View File

@@ -17,15 +17,18 @@ function SidewaysListView(listMacro) {
// Prepare the list frame
var listFrame = this.listMacro.listFrame,
listFrameDomNode = listFrame.domNode;
for(var t=0; t<listFrame.children.length; t++) {
var title = listFrame.children[t].listElementInfo.title,
domNode = listFrame.children[t].domNode;
$tw.utils.setStyle(domNode,[
// Prepare any list elements
for(var t=0; t<this.listMacro.list.length; t++) {
var index = this.listMacro.findListElementByTitle(0,this.listMacro.list[t]);
if(index !== undefined) {
var listElement = listFrame.children[index];
$tw.utils.setStyle(listElement.domNode,[
{verticalAlign: "top"},
{display: "inline-block"}
]);
}
}
}
SidewaysListView.prototype.navigateTo = function(historyInfo) {
var listElementIndex = this.listMacro.findListElementByTitle(0,historyInfo.title),
@@ -37,14 +40,16 @@ SidewaysListView.prototype.navigateTo = function(historyInfo) {
SidewaysListView.prototype.insert = function(index) {
var listElementNode = this.listMacro.listFrame.children[index],
targetElement = listElementNode.domNode,
currWidth = targetElement.offsetWidth + parseInt(window.getComputedStyle(targetElement).marginLeft,10);
targetElement = listElementNode.domNode;
// Set up the initial position of the element
$tw.utils.setStyle(targetElement,[
{verticalAlign: "top"},
{display: "inline-block"},
{transition: "none"},
{opacity: "0.0"},
]);
var currWidth = targetElement.offsetWidth + parseInt(window.getComputedStyle(targetElement).marginLeft,10);
$tw.utils.setStyle(targetElement,[
{marginRight: (-currWidth) + "px"}
]);
$tw.utils.forceLayout(targetElement);