Commit 5dcc857b authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Scale tablet examples background image 50% down. 

That's currently a sort-of solution because the example itself in the
iframe is not scaled down at all.
parent d765f741

template/app/view/examples/TouchContainer.js

+1 −1
Original line number Diff line number Diff line
@@ -111,7 +111,7 @@ Ext.define('Docs.view.examples.TouchContainer', { 
        // device dimensions in landscape orientation

        var landscape = {

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

            tablet: {width: '1024px', height: '768px'}

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

        }[this.example.device];



        // return landscape w/h or swap the dimensions

template/resources/images/ipad-l2.jpg

0 → 100644
+14.6 KiB
Loading image diff...

template/resources/images/ipad-p2.jpg

0 → 100644
+14.7 KiB
Loading image diff...

template/resources/sass/viewport.scss

+4 −8
Original line number Diff line number Diff line
@@ -1209,16 +1209,12 @@ a { 
      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35); } } }



.tablet.landscape {

  padding: 113px 119px;

  width: 1271px;

  height: 1001px;

  background: url(../images/ipad-l.jpg) no-repeat; }

  padding: 56px 59px;

  background: url(../images/ipad-l2.jpg) no-repeat; }



.tablet.portrait {

  padding: 113px 119px;

  width: 1001px;

  height: 1271px;

  background: url(../images/ipad-p.jpg) no-repeat; }

  padding: 56px 59px;

  background: url(../images/ipad-p2.jpg) no-repeat; }



.phone.landscape {

  padding: 22px 127px;