Fixing printing ONCE AND FOR ALL

Author: kenwheeler

src/appear.jsx

@@ -1,6 +1,7 @@
 import React from "react/addons";
 import tweenState from "react-tween-state";
 import _ from "lodash";
+import assign from "object-assign";
 
 const Appear = React.createClass({
   mixins: [tweenState.Mixin],
@@ -52,7 +53,7 @@ const Appear = React.createClass({
       opacity: this.getTweeningValue("opacity")
     };
     return (
-      <div style={styles} className="fragment" ref="fragment">
+      <div style={assign({}, this.props.style, styles)} className="fragment" ref="fragment">
         {this.props.children}
       </div>
     );

src/slide.jsx

@@ -91,13 +91,10 @@ const Slide = React.createClass({
       },
       content: {
         flex: 1,
-        position: "absolute",
-        top: "50%",
-        left: "50%",
         maxHeight: config.height,
-        width: config.width,
+        maxWidth: config.width,
         fontSize: 16 * this.state.zoom,
-        transform: " translate(-50%,-50%) scale(" + this.state.contentScale + ")",
+        transform: "scale(" + this.state.contentScale + ")",
         padding: this.state.zoom > 0.6 ? config.margin : 10
       }
     };

themes/default/index.css

@@ -12,3 +12,14 @@ _:-moz-tree-row(hover), .spectacle-deck {
 _:-moz-tree-row(hover), ul .appear {
   display: inline;
 }
+
+html, body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+* {
+  box-sizing: border-box;
+}