demo/amd/amd.js
function scaleLog () {

            var zoomFactor = $.pinchZoomFactor(),
                logProps = {

                    top:           ( initialLogProps.top / zoomFactor ) + "px",
                    left:          ( initialLogProps.left / zoomFactor ) + "px",
                    paddingTop:    ( initialLogProps.paddingTop / zoomFactor ) + "px",
                    paddingLeft:   ( initialLogProps.paddingLeft / zoomFactor ) + "px",
                    paddingBottom: ( initialLogProps.paddingBottom / zoomFactor ) + "px",
                    paddingRight:  ( initialLogProps.paddingRight / zoomFactor ) + "px",
                    minWidth:      ( initialLogProps.minWidth / zoomFactor ) + "px",
                    maxWidth:      ( initialLogProps.maxWidth / zoomFactor ) + "px"

                },
                dtProps = {
                    fontSize:   ( initialLogProps.dtFontSize / zoomFactor ) + "px",
                    lineHeight: ( initialLogProps.dtLineHeight / zoomFactor ) + "px",
                    minWidth:   ( initialLogProps.dtMinWidth / zoomFactor ) + "px"
                },
                ddProps = {
                    fontSize:   ( initialLogProps.ddFontSize / zoomFactor ) + "px",
                    lineHeight: ( initialLogProps.ddLineHeight / zoomFactor ) + "px"
                },
                dlProps = {
                    fontSize:     ( initialLogProps.dlFontSize / zoomFactor ) + "px",
                    lineHeight:   ( initialLogProps.dlLineHeight / zoomFactor ) + "px",
                    marginBottom: ( initialLogProps.dlMarginBottom / zoomFactor ) + "px"
                },
                hrProps = {
                    marginTop:    ( initialLogProps.hrMarginTop / zoomFactor ) + "px",
                    marginBottom: ( initialLogProps.hrMarginBottom / zoomFactor ) + "px"
                };

            $logPane.css( logProps );
            $( "dt", $logPane ).css( dtProps );
            $( "dd", $logPane ).css( ddProps );
            $( "dl", $logPane ).css( dlProps );
            $( "hr", $logPane ).css( hrProps );
        }
function scaleLog () {

            var zoomFactor = $.pinchZoomFactor(),
                logProps = {

                    top:           ( initialLogProps.top / zoomFactor ) + "px",
                    left:          ( initialLogProps.left / zoomFactor ) + "px",
                    paddingTop:    ( initialLogProps.paddingTop / zoomFactor ) + "px",
                    paddingLeft:   ( initialLogProps.paddingLeft / zoomFactor ) + "px",
                    paddingBottom: ( initialLogProps.paddingBottom / zoomFactor ) + "px",
                    paddingRight:  ( initialLogProps.paddingRight / zoomFactor ) + "px",
                    minWidth:      ( initialLogProps.minWidth / zoomFactor ) + "px",
                    maxWidth:      ( initialLogProps.maxWidth / zoomFactor ) + "px"

                },
                dtProps = {
                    fontSize:   ( initialLogProps.dtFontSize / zoomFactor ) + "px",
                    lineHeight: ( initialLogProps.dtLineHeight / zoomFactor ) + "px",
                    minWidth:   ( initialLogProps.dtMinWidth / zoomFactor ) + "px"
                },
                ddProps = {
                    fontSize:   ( initialLogProps.ddFontSize / zoomFactor ) + "px",
                    lineHeight: ( initialLogProps.ddLineHeight / zoomFactor ) + "px"
                },
                dlProps = {
                    fontSize:     ( initialLogProps.dlFontSize / zoomFactor ) + "px",
                    lineHeight:   ( initialLogProps.dlLineHeight / zoomFactor ) + "px",
                    marginBottom: ( initialLogProps.dlMarginBottom / zoomFactor ) + "px"
                },
                hrProps = {
                    marginTop:    ( initialLogProps.hrMarginTop / zoomFactor ) + "px",
                    marginBottom: ( initialLogProps.hrMarginBottom / zoomFactor ) + "px"
                };

            $logPane.css( logProps );
            $( "dt", $logPane ).css( dtProps );
            $( "dd", $logPane ).css( ddProps );
            $( "dl", $logPane ).css( dlProps );
            $( "hr", $logPane ).css( hrProps );
        }
function scaleLog ( ) { var zoomFactor = $ . pinchZoomFactor ( ) , logProps = { top : ( initialLogProps . top / zoomFactor ) + "px" , left : ( initialLogProps . left / zoomFactor ) + "px" , paddingTop : ( initialLogProps . paddingTop / zoomFactor ) + "px" , paddingLeft : ( initialLogProps . paddingLeft / zoomFactor ) + "px" , paddingBottom : ( initialLogProps . paddingBottom / zoomFactor ) + "px" , paddingRight : ( initialLogProps . paddingRight / zoomFactor ) + "px" , minWidth : ( initialLogProps . minWidth / zoomFactor ) + "px" , maxWidth : ( initialLogProps . maxWidth / zoomFactor ) + "px" } , dtProps = { fontSize : ( initialLogProps . dtFontSize / zoomFactor ) + "px" , lineHeight : ( initialLogProps . dtLineHeight / zoomFactor ) + "px" , minWidth : ( initialLogProps . dtMinWidth / zoomFactor ) + "px" } , ddProps = { fontSize : ( initialLogProps . ddFontSize / zoomFactor ) + "px" , lineHeight : ( initialLogProps . ddLineHeight / zoomFactor ) + "px" } , dlProps = { fontSize : ( initialLogProps . dlFontSize / zoomFactor ) + "px" , lineHeight : ( initialLogProps . dlLineHeight / zoomFactor ) + "px" , marginBottom : ( initialLogProps . dlMarginBottom / zoomFactor ) + "px" } , hrProps = { marginTop : ( initialLogProps . hrMarginTop / zoomFactor ) + "px" , marginBottom : ( initialLogProps . hrMarginBottom / zoomFactor ) + "px" } ; $logPane . css ( logProps ) ; $ ( "dt" , $logPane ) . css ( dtProps ) ; $ ( "dd" , $logPane ) . css ( ddProps ) ; $ ( "dl" , $logPane ) . css ( dlProps ) ; $ ( "hr" , $logPane ) . css ( hrProps ) ; }
Makes sure the log always keeps the same size, visually, as the user zooms in and out
Makes sure the log always keeps the same size visually as the user zooms in and out