meteor - Sizing on the mobile device -
although can view meteoric demo pages hosted on meteor, all components demo, a contacts app, on chrome on android mobile device, cannot view meteor + ionic app (by use of meteoric:ionic package atmosphere.js) correctly sized on same device. navbar narrow in y-axis, tabs, dialogs etc.
i can view on desktop browser, when resized.
i have imported lines stated in this question.
am missing points or issue? if miss, it?
my-app.scss:
/* css declarations go here */ /* $loading-font-size: 22px; */ @import '.meteor/local/build/programs/server/assets/packages/meteoric_ionic-sass/ionic'; @import '.meteor/local/build/programs/server/assets/packages/meteoric_ionicons-sass/ionicons'; my-app.js:
if (meteor.isclient) { router.configure({ layouttemplate: 'applayout' }); router.route('/', function(){ this.render('tabs'); }); } if (meteor.isserver) { meteor.startup(function () { // code run on server @ startup }); } my-app.html:
<head> <title>evbul-ionic</title> </head> <body> </body> <template name="applayout"> {{#ionbody}} {{> ionnavbar}} {{#ionnavview}} {{>yield}} {{/ionnavview}} {{/ionbody}} </template> <template name="tabs"> {{#iontabs class="tabs-positive tabs-icon-top"}} {{> iontab title="news" path="news" iconoff="ios-paper" iconon="ios-paper"}} {{> iontab title="todos" path="todos" iconoff="checkmark-circled" iconon="checkmark-circled"}} {{> iontab title="profile" path="profile" iconoff="person" iconon="person"}} {{/iontabs}} </template>
Comments
Post a Comment