Commit ec4612b6 authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Scale tablet examples to 70% of default size. 

50% size was right off - this way tablet examples would be smaller than phone
examples, plus the text became too small to read.

75% was also tried, but it seemed just a little bit too big, so I went
with 70%.

Also removed the duplicted iPad image files.
parent 110c8bb7

template/app/view/examples/TouchContainer.js

+3 −3
Original line number Diff line number Diff line
@@ -90,8 +90,8 @@ Ext.define('Docs.view.examples.TouchContainer', { 
            var iframe = Ext.query('iframe', this.el.dom)[0];

            iframe.onload = function() {

                var style = document.createElement("style");

                // default font-size is 114%

                style.innerHTML = "body {font-size: 57% !important}";

                // Scale to 70% of original. Default font-size is 114%

                style.innerHTML = "body {font-size: 79.8% !important}";

                iframe.contentWindow.document.body.appendChild(style);

            };

        }
@@ -125,7 +125,7 @@ Ext.define('Docs.view.examples.TouchContainer', { 
        // device dimensions in landscape orientation

        var landscape = {

            phone: {width: '480px', height: '320px'},

            tablet: {width: '512px', height: '384px'}

            tablet: {width: '717px', height: '538px'}

        }[this.example.device];



        // return landscape w/h or swap the dimensions

template/resources/images/ipad-l.jpg

−9.64 KiB (23.8 KiB)
Loading image diff...

template/resources/images/ipad-l2.jpg

deleted100644 → 0
−14.6 KiB
Loading image diff...

template/resources/images/ipad-p.jpg

−10.2 KiB (23.9 KiB)
Loading image diff...

template/resources/images/ipad-p2.jpg

deleted100644 → 0
−14.7 KiB
Loading image diff...