Fixed layout on chrome 49+, made character names into links

rpg-docs/client/views/characterList/characterSideList.css

@@ -6,6 +6,7 @@
 	padding: 8px 0 8px 16px;
 	text-overflow: ellipsis;
 	white-space: nowrap;
+	text-decoration: none;
 }
 
 .singleLineItem core-icon {
@@ -19,4 +20,4 @@
 	/* Required for text-overflow to do anything */
 	white-space: nowrap;
 	overflow: hidden;
-}
+}

rpg-docs/client/views/characterList/characterSideList.html

@@ -3,11 +3,12 @@
 	{{#if characters.count}}
 		<div>
 			{{#each characters}}
-				<div class="singleLineItem characterRepresentative"
+				<a href={{pathFor route="characterSheet" data=this}}
+				   class="singleLineItem characterRepresentative"
 					 layout horizontal center>
 					<core-icon icon="image:brightness-1"></core-icon>
 					<div>{{name}}</div>
-				</div>
+				</a>
 			{{/each}}
 		</div>
 	{{/if}}

rpg-docs/client/views/characterList/characterSideList.js

@@ -23,7 +23,7 @@ Template.characterSideList.helpers({
 
 Template.characterSideList.events({
 	"tap .singleLineItem": function(event, instance) {
-		Router.go("characterSheet", {_id: this._id});
+		//Router.go("characterSheet", {_id: this._id});
 		$("core-drawer-panel").get(0).closeDrawer();
 	},
 	"tap core-item": function() {

rpg-docs/client/views/layout/layout.css

@@ -15,3 +15,11 @@
 #navPanel {
 	padding: 16px;
 }
+
+.layout > core-header-panel {
+	height: 100%;
+}
+
+.layout > core-animated-pages {
+	height: 100%;
+}

rpg-docs/client/views/layout/layout.html

@@ -1,5 +1,5 @@
 <template name="layout">
-	<core-drawer-panel responsiveWidth="905px">
+	<core-drawer-panel class="layout" responsiveWidth="905px">
 		<core-header-panel drawer navigation flex mode="seamed" class="white">
 			<div id="accountSummary">
 				{{#if currentUser}}
@@ -19,9 +19,9 @@
 				<core-item id="changeLog" icon="list" label="Change Log"></core-item>
 			</div>
 		</core-header-panel>
-		<core-animated-pages main 
+		<core-animated-pages main
-							 navigation 
+							 navigation
-							 detail-pages 
+							 detail-pages
 							 transitions="hero-transition cross-fade"
 							 selected={{globalDetailSelected}}>
 			<section id="mainContentSection" class={{notSelected}}>
@@ -66,4 +66,4 @@
 			</div>
 		{{/if}}
 	</paper-toast>
-</template>
+</template>

rpg-docs/private/changeLogs/changeLogs.js

@@ -115,7 +115,7 @@ ChangeLogs.insert({
 		"Added encumbrance effects that automatically apply when carrying too much load",
 		"Added a bunch of UI elements to make your character's current load clear",
 		"Floating button menus now close as expected when you click a sub-button",
-		"Base values in attribute summaries no longer look like added values"
+		"Base values in attribute summaries no longer look like added values",
 	],
 });
 
@@ -276,8 +276,6 @@ ChangeLogs.insert({
 	],
 });
 
-
-
 ChangeLogs.insert({
 	version: "0.8.0",
 	changes: [
@@ -294,3 +292,11 @@ ChangeLogs.insert({
 		"Added extra indexes to the database to improve performance",
 	],
 });
+
+ChangeLogs.insert({
+	version: "0.9.1",
+	changes: [
+		"Fixed rendering issues in Chrome 49+",
+		"Made character names in the side-bar into regular links",
+	],
+});