javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

4
demos/component-docs/inputs/radio/template.html
View File

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

4
demos/component-docs/lists/avatar/template.html
View File

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

6
demos/component-docs/lists/headers/template.html
View File

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

12
demos/component-docs/lists/icon/template.html
View File

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

8
demos/component-docs/lists/multiline/template.html
View File

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

4
demos/component-docs/modals/basic/template.html
View File

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

4
demos/icons/main.html
View File

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

12
demos/list/main.html
View File

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

8
ionic/components/card/test/list/main.html
View File

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

4
ionic/components/list/list.scss
View File

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

2
ionic/components/list/list.ts
View File

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

8
ionic/components/list/modes/ios.scss
View File

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

4
ionic/components/list/modes/md.scss
View File

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

12
ionic/components/list/test/headers/main.html
View File

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

4
ionic/components/list/test/inset/main.html
View File

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

16
ionic/components/list/test/no-lines/main.html
View File

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

4
ionic/components/list/test/repeat-headers/main.html
View File

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

4
ionic/components/nav/test/basic/index.ts
View File

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

4
ionic/components/radio/radio.ts
View File

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

4
ionic/components/radio/test/basic/main.html
View File

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

4
ionic/components/tabs/test/basic/index.ts
View File

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