use padding attribute

This commit is contained in:
Adam Bradley
2015-09-18 21:58:44 -05:00
parent db714ce341
commit 3364414d24
54 changed files with 77 additions and 77 deletions

View File

@@ -1,3 +1,3 @@
<ion-content class="padding">
<ion-content padding>
<button (click)="openMenu()">Open Action Sheet</button>
</ion-content>

View File

@@ -3,7 +3,7 @@
<ion-title>Buttons Icons</ion-title>
</ion-toolbar>
<ion-content class="padding">
<ion-content padding>
<div>
<button>

View File

@@ -38,7 +38,7 @@
<button (click)="doSubmit($event)" outline small id="e2eSubmit">Submit</button>
</p>
<p aria-hidden="true" class="padding">
<p aria-hidden="true" padding>
<code>appleCtrl.dirty: {{fruitsForm.controls.appleCtrl.dirty}}</code><br>
<code>appleCtrl.value: {{fruitsForm.controls.appleCtrl.value}}</code><br>
<code>bananaCtrl.dirty: {{fruitsForm.controls.bananaCtrl.dirty}}</code><br>
@@ -49,6 +49,6 @@
<code>grape.value: {{fruitsForm.controls.grapeCtrl.value}}</code><br>
</p>
<pre aria-hidden="true" class="padding">{{formResults}}</pre>
<pre aria-hidden="true" padding>{{formResults}}</pre>
</ion-content>

View File

@@ -1,7 +1,7 @@
<ion-view nav-title="List">
<ion-content class="padding" #content>
<ion-content padding #content>
<ion-list inset virtual [items]="items" [content]="content">
<ion-item *cell #item>

View File

@@ -11,7 +11,7 @@
</ion-navbar>
<ion-content #content class="padding">
<ion-content #content padding>
<h3>Page 2</h3>

View File

@@ -76,7 +76,7 @@ export class ContactModal {
@IonicView({
template: `
<ion-navbar *navbar><ion-title>First Page Header</ion-title><ion-nav-items primary><button id="e2eCloseMenu" (click)="closeModal()">Close</button></ion-nav-items></ion-navbar>
<ion-content class="padding">
<ion-content padding>
<p>
<button (click)="push()">Push (Go to 2nd)</button>
</p>
@@ -146,7 +146,7 @@ export class ModalFirstPage {
@IonicView({
template: `
<ion-navbar *navbar><ion-title>Second Page Header</ion-title></ion-navbar>
<ion-content class="padding">
<ion-content padding>
<p>
<button (click)="nav.pop()">Pop (Go back to 1st)</button>
</p>

View File

@@ -1,3 +1,3 @@
<ion-content class="padding">
<ion-content padding>
<button id="e2eOpenModal" (click)="openModal()">Open Modal</button>
</ion-content>

View File

@@ -14,7 +14,7 @@ import {NavParams, NavController} from 'ionic/ionic';
'<button>S1</button>' +
'</ion-nav-items>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'<ion-content padding>' +
'<p>{{title}}</p>' +
'<p><button id="from1To2" primary (click)="push()">Push (Go to 2nd)</button></p>' +
'<p><button [push-data]="pushData" [nav-push]="pushPage">Push w/ nav-push (Go to 2nd)</button></p>' +
@@ -55,7 +55,7 @@ class FirstPage {
@IonicView({
template: `
<ion-content class="padding">
<ion-content padding>
<h1>Second page</h1>
<p>This page does not have a nav bar!</p>
<p><button (click)="pop()">Pop (Go back to 1st)</button></p>
@@ -100,7 +100,7 @@ class SecondPage {
@IonicView({
template: `
<ion-navbar *navbar><ion-title>Third Page Header</ion-title></ion-navbar>
<ion-content class="padding">
<ion-content padding>
<p>
<button id="from3To2" (click)="pop()">Pop (Go back to 2nd)</button>
</p>

View File

@@ -6,7 +6,7 @@
<ion-title>First View</ion-title>
</ion-navbar>
<ion-content class="padding">
<ion-content padding>
<h4>
Window Hash: {{windowHash}}
</h4>

View File

@@ -8,7 +8,7 @@
</ion-nav-item>
</ion-navbar>
<ion-content class="padding">
<ion-content padding>
<h4>
Window Hash: {{windowHash}}
</h4>

View File

@@ -3,7 +3,7 @@
<ion-title>Third View</ion-title>
</ion-navbar>
<ion-content class="padding">
<ion-content padding>
<h4>
Window Hash: {{windowHash}}
</h4>

View File

@@ -1,5 +1,5 @@
<ion-content class="padding">
<ion-content padding>
<button id="e2eOpenAlert" (click)="doAlert()">Alert</button>
<button id="e2eOpenPrompt" (click)="doPrompt()">Prompt</button>

View File

@@ -1,4 +1,4 @@
<ion-content class="padding">
<ion-content padding>
<form (submit)="doSubmit($event)" [ng-form-model]="myForm">
<ion-segment ng-control="mapStyle">
<ion-segment-button value="standard" button>

View File

@@ -2,7 +2,7 @@
<ion-toolbar><ion-title>Show/Hide When</ion-title></ion-toolbar>
<ion-content class="padding">
<ion-content padding>
<p show-when="ios" style="background:blue; color:white">
show-when="ios"

View File

@@ -38,7 +38,7 @@
<button (click)="doSubmit($event)" outline small id="e2eSubmit">Submit</button>
</p>
<p aria-hidden="true" class="padding">
<p aria-hidden="true" padding>
<code>appleCtrl.dirty: {{fruitsForm.controls.appleCtrl.dirty}}</code><br>
<code>appleCtrl.value: {{fruitsForm.controls.appleCtrl.value}}</code><br>
<code>bananaCtrl.dirty: {{fruitsForm.controls.bananaCtrl.dirty}}</code><br>
@@ -49,6 +49,6 @@
<code>grape.value: {{fruitsForm.controls.grapeCtrl.value}}</code><br>
</p>
<pre aria-hidden="true" class="padding">{{formResults}}</pre>
<pre aria-hidden="true" padding>{{formResults}}</pre>
</ion-content>

View File

@@ -8,7 +8,7 @@ import {App, IonicView, NavController} from 'ionic/ionic';
'<ion-navbar *navbar>' +
'<ion-title>Sign In</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'<ion-content padding>' +
'<p><button id="signIn" (click)="push()">Go to tabs</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
@@ -45,7 +45,7 @@ class TabsPage {
'<ion-navbar *navbar>' +
'<ion-title>Tabs 1 Page 1</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'<ion-content padding>' +
'<p><button id="goToTab1Page2" (click)="push()">Go to Tab 1, Page 2</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
@@ -67,7 +67,7 @@ class Tab1Page1 {
'<ion-navbar *navbar>' +
'<ion-title>Tabs 1 Page 2</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'<ion-content padding>' +
'<p><button (click)="push()">Go to Tab 1, Page 3</button></p>' +
'<p><button id="backToTab1Page1" (click)="nav.pop()">Back to Tab 1, Page 1</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
@@ -90,7 +90,7 @@ class Tab1Page2 {
'<ion-navbar *navbar>' +
'<ion-title>Tabs 1 Page 3</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'<ion-content padding>' +
'<p><button (click)="nav.pop()">Back to Tab 1, Page 2</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
@@ -112,7 +112,7 @@ class Tab1Page3 {
'<ion-navbar *navbar>' +
'<ion-title>Tabs 2 Page 1</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'<ion-content padding>' +
'<p><button (click)="push()">Go to Tab 2, Page 2</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
@@ -134,7 +134,7 @@ class Tab2Page1 {
'<ion-navbar *navbar>' +
'<ion-title>Tabs 2 Page 2</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'<ion-content padding>' +
'<p><button (click)="push()">Go to Tab 2, Page 3</button></p>' +
'<p><button (click)="nav.pop()">Back to Tab 2, Page 1</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
@@ -157,7 +157,7 @@ class Tab2Page2 {
'<ion-navbar *navbar>' +
'<ion-title>Tabs 2 Page 3</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'<ion-content padding>' +
'<p><button (click)="nav.pop()">Back to Tab 2, Page 2</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
@@ -179,7 +179,7 @@ class Tab2Page3 {
'<ion-navbar *navbar>' +
'<ion-title>Tabs 3</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding"><h2>Tabs 3</h2></ion-content>'
'<ion-content padding><h2>Tabs 3</h2></ion-content>'
})
class Tab3Page1 {}

View File

@@ -3,7 +3,7 @@
<ion-tab tab-title="Tab 1" tab-icon="home">
<ion-content class="padding">
<ion-content padding>
Tab 1 Content
</ion-content>
@@ -11,7 +11,7 @@
<ion-tab tab-title="Tab 2" tab-icon="star">
<ion-content class="padding">
<ion-content padding>
Tab 2 Content
</ion-content>

View File

@@ -3,7 +3,7 @@
<ion-tab tab-title="Tab 1">
<ion-view nav-title="Tab 1">
<ion-content class="padding">
<ion-content padding>
Tab 1 Content
</ion-content>
</ion-view>
@@ -11,7 +11,7 @@
<ion-tab tab-title="Tab 2">
<ion-view nav-title="Tab 2">
<ion-content class="padding">
<ion-content padding>
Tab 2 Content
</ion-content>
</ion-view>

View File

@@ -3,7 +3,7 @@
<ion-tab tab-title="Tab 1">
<ion-view nav-title="Tab 1">
<ion-content class="padding">
<ion-content padding>
Tab 1 Content
</ion-content>
</ion-view>
@@ -11,7 +11,7 @@
<ion-tab tab-title="Tab 2">
<ion-view nav-title="Tab 2">
<ion-content class="padding">
<ion-content padding>
Tab 2 Content
</ion-content>
</ion-view>