style(list): rename ion-header to ion-list-header EVERYWHERE

closes #418
This commit is contained in:
Brandy Carney
2015-11-24 16:58:19 -05:00
parent 0ce39ce217
commit 725e09335d
21 changed files with 66 additions and 66 deletions

View File

@ -9,9 +9,9 @@
<ion-content>
<ion-radio-group>
<ion-header>
<ion-list-header>
Language
</ion-header>
</ion-list-header>
<ion-radio checked="true">
Go

View File

@ -6,7 +6,7 @@
<ion-content class="has-header demo-list-icons">
<ion-list>
<ion-header>Today</ion-header>
<ion-list-header>Today</ion-list-header>
<ion-item>
<ion-avatar item-left>
@ -44,7 +44,7 @@
<ion-list>
<ion-header>Yesterday</ion-header>
<ion-list-header>Yesterday</ion-list-header>
<ion-item>
<ion-avatar item-left>

View File

@ -6,21 +6,21 @@
<ion-content class="has-header demo-list-icons">
<ion-list>
<ion-header>Comedy</ion-header>
<ion-list-header>Comedy</ion-list-header>
<ion-item>Airplane!</ion-item>
<ion-item>Caddyshack</ion-item>
<ion-item>Coming To America</ion-item>
</ion-list>
<ion-list>
<ion-header>Action</ion-header>
<ion-list-header>Action</ion-list-header>
<ion-item>Terminator II</ion-item>
<ion-item>The Empire Strikes Back</ion-item>
<ion-item>Blade Runner</ion-item>
</ion-list>
<ion-list>
<ion-header>Horror</ion-header>
<ion-list-header>Horror</ion-list-header>
<ion-item>The Evil Dead</ion-item>
<ion-item>Poldergeist</ion-item>
<ion-item>Aliens</ion-item>

View File

@ -6,9 +6,9 @@
<ion-content class="has-header demo-list-icons">
<ion-list no-border>
<ion-header>
<ion-list-header>
Classes
</ion-header>
</ion-list-header>
<ion-item>
<icon planet item-left></icon>
@ -44,9 +44,9 @@
<ion-list>
<ion-header>
<ion-list-header>
Activities
</ion-header>
</ion-list-header>
<ion-item>
Incantation
@ -70,9 +70,9 @@
<ion-list>
<ion-header>
<ion-list-header>
Friends
</ion-header>
</ion-list-header>
<ion-item>
<icon flash item-left></icon>

View File

@ -6,9 +6,9 @@
<ion-content class="has-header">
<ion-list>
<ion-header>
<ion-list-header>
Today
</ion-header>
</ion-list-header>
<ion-item>
<ion-avatar item-left>
@ -41,9 +41,9 @@
<ion-list>
<ion-header>
<ion-list-header>
Last Week
</ion-header>
</ion-list-header>
<ion-item>
<ion-avatar item-left>

View File

@ -6,9 +6,9 @@
<ion-content class="has-header">
<ion-list>
<ion-header>
<ion-list-header>
Hobbits
</ion-header>
</ion-list-header>
<a ion-item (click)="openModal({charNum: 0})">
Gollum
</a>

View File

@ -7,9 +7,9 @@
<ion-list>
<ion-header>
<ion-list-header>
Favorite Icons
</ion-header>
</ion-list-header>
<ion-switch>
<icon wifi item-left></icon>

View File

@ -4,9 +4,9 @@
<ion-list>
<ion-header>
<ion-list-header>
List Header
</ion-header>
</ion-list-header>
<ion-switch>
<icon wifi item-left></icon>
@ -34,9 +34,9 @@
<ion-list>
<ion-header>
<ion-list-header>
List Header
</ion-header>
</ion-list-header>
<ion-switch checked="true">
<icon color-wand item-left></icon>
@ -56,9 +56,9 @@
<ion-list>
<ion-header>
<ion-list-header>
List Header with text that is too long to fit inside the list header
</ion-header>
</ion-list-header>
<ion-item>
<icon pizza item-left></icon>

View File

@ -7,9 +7,9 @@
<ion-list>
<ion-header>
<ion-list-header>
Card List
</ion-header>
</ion-list-header>
<ion-switch>
<icon wifi item-left></icon>
@ -40,9 +40,9 @@
<ion-list no-lines>
<ion-header>
<ion-list-header>
Card List Without Lines
</ion-header>
</ion-list-header>
<ion-switch>
<icon wifi item-left></icon>

View File

@ -10,7 +10,7 @@
padding: 0;
list-style-type: none;
ion-header {
ion-list-header {
display: block;
overflow: hidden;
white-space: nowrap;
@ -22,7 +22,7 @@
overflow: hidden;
transform: translateZ(0);
ion-header {
ion-list-header {
background-color: $list-background-color;
}
}

View File

@ -114,7 +114,7 @@ export class List extends Ion {
@Directive({
selector: 'ion-header',
selector: 'ion-list-header',
inputs: [
'id'
],

View File

@ -30,7 +30,7 @@ $list-ios-border-color: $list-border-color !default;
.list {
margin: -1px $list-ios-margin-right $list-ios-margin-bottom $list-ios-margin-left;
ion-header {
ion-list-header {
position: relative;
padding: $list-ios-header-padding;
font-size: $list-ios-header-font-size;
@ -90,7 +90,7 @@ $list-ios-border-color: $list-border-color !default;
.list + .list {
margin-top: $list-ios-margin-top + $list-ios-margin-bottom;
ion-header {
ion-list-header {
margin-top: -$list-ios-margin-top;
padding-top: 0;
}
@ -102,7 +102,7 @@ $list-ios-border-color: $list-border-color !default;
border-width: 0.55px;
}
ion-header {
ion-list-header {
border-bottom-width: 0.55px;
}
@ -167,7 +167,7 @@ $list-ios-border-color: $list-border-color !default;
.list[no-lines],
&.hairlines .list[no-lines] {
ion-header,
ion-list-header,
.item,
.item .item-inner {
border-width: 0;

View File

@ -28,7 +28,7 @@ $list-md-border-color: $item-md-border-color !default;
.list {
margin: 0 $list-md-margin-right $list-md-margin-bottom $list-md-margin-left;
ion-header,
ion-list-header,
ion-item-divider {
border-bottom: 1px solid $list-md-border-color;
margin-left: 0;
@ -85,7 +85,7 @@ $list-md-border-color: $item-md-border-color !default;
+ .list {
margin-top: $list-md-margin-top + $list-md-margin-bottom;
ion-header {
ion-list-header {
margin-top: -$list-md-margin-top;
padding-top: 0;
}

View File

@ -4,9 +4,9 @@
<ion-list>
<ion-header>
<ion-list-header>
List Header
</ion-header>
</ion-list-header>
<ion-switch>
<icon wifi item-left></icon>
@ -34,9 +34,9 @@
<ion-list>
<ion-header>
<ion-list-header>
List Header
</ion-header>
</ion-list-header>
<ion-switch checked="true">
<icon color-wand item-left></icon>
@ -56,9 +56,9 @@
<ion-list>
<ion-header>
<ion-list-header>
List Header with text that is too long to fit inside the list header
</ion-header>
</ion-list-header>
<ion-item>
<icon pizza item-left></icon>

View File

@ -6,9 +6,9 @@
<ion-list inset>
<ion-header>
<ion-list-header>
Inset List Header
</ion-header>
</ion-list-header>
<a ion-item href="#">
<icon alarm item-left></icon>

View File

@ -2,9 +2,9 @@
<ion-content class="outer-content">
<ion-list no-lines>
<ion-header>
<ion-list-header>
List With No Lines
</ion-header>
</ion-list-header>
<ion-switch>
<icon wifi item-left></icon>
@ -29,9 +29,9 @@
</ion-list>
<ion-list>
<ion-header>
<ion-list-header>
List With No Lines First Item
</ion-header>
</ion-list-header>
<ion-item no-lines>
<icon pizza item-left></icon>
@ -59,9 +59,9 @@
</ion-list>
<ion-list>
<ion-header>
<ion-list-header>
List With No Lines Middle Item
</ion-header>
</ion-list-header>
<ion-item>
<icon pizza item-left></icon>
@ -89,9 +89,9 @@
</ion-list>
<ion-list>
<ion-header>
<ion-list-header>
List With No Lines Last Item
</ion-header>
</ion-list-header>
<ion-item>
<icon pizza item-left></icon>

View File

@ -3,9 +3,9 @@
<ion-content class="outer-content">
<ion-list class="outer-content" *ng-for="#person of people">
<ion-header>
<ion-list-header>
{{person.name}}
</ion-header>
</ion-list-header>
<ion-item *ng-for="#component of person.components">
{{component}}
<div item-right>

View File

@ -25,9 +25,9 @@ class MyCmpTest{}
</ion-navbar>
<ion-content>
<ion-list>
<ion-header>
<ion-list-header>
{{title}}
</ion-header>
</ion-list-header>
<button ion-item class="e2eFrom1To2" (click)="pushFullPage()">Push to FullPage</button>
<button ion-item (click)="pushPrimaryHeaderPage()">Push to PrimaryHeaderPage</button>

View File

@ -18,9 +18,9 @@ import {ListHeader} from '../list/list';
* ```html
* <ion-radio-group ng-control="clientside">
*
* <ion-header>
* <ion-list-header>
* Clientside
* </ion-header>
* </ion-list-header>
*
* <ion-radio value="ember">
* Ember

View File

@ -8,9 +8,9 @@
<ion-radio-group ng-control="fruits">
<ion-header>
<ion-list-header>
Fruits
</ion-header>
</ion-list-header>
<ion-radio value="apple" checked="true">
Apple

View File

@ -10,9 +10,9 @@
</ion-navbar>
<ion-content>
<ion-list>
<ion-header>
<ion-list-header>
Tab 1
</ion-header>
</ion-list-header>
<ion-item *ng-for="#i of items">Item {{i}} {{i}} {{i}} {{i}}</ion-item>
</ion-list>
</ion-content>