From 6819365dfc1d561f47afc2e423f682dfc7f512d2 Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@osmosoft.com>
Date: Mon, 5 Nov 2012 15:14:27 +0000
Subject: [PATCH] Fixes for sideways view

Fixed problem with starting up with the empty message displayed, and
problem with incorrect width reading of newly inserted list elements
---
 .../modules/macros/list/listviews/sideways.js | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/core/modules/macros/list/listviews/sideways.js b/core/modules/macros/list/listviews/sideways.js
index c854b3930..d8651998d 100644
--- a/core/modules/macros/list/listviews/sideways.js
+++ b/core/modules/macros/list/listviews/sideways.js
@@ -17,13 +17,16 @@ 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,[
-			{verticalAlign: "top"},
-			{display: "inline-block"}
-		]);
+	// 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"}
+			]);
+		}
 	}
 }
 
@@ -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);