javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +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

8
ionic/components/card/test/list/main.html
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>

4
ionic/components/list/list.scss
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;
}
}

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

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

8
ionic/components/list/modes/ios.scss
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;

4
ionic/components/list/modes/md.scss
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;
}

12
ionic/components/list/test/headers/main.html
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>

4
ionic/components/list/test/inset/main.html
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>

16
ionic/components/list/test/no-lines/main.html
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>

4
ionic/components/list/test/repeat-headers/main.html
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>

4
ionic/components/nav/test/basic/index.ts
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>

4
ionic/components/radio/radio.ts
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

4
ionic/components/radio/test/basic/main.html
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

4
ionic/components/tabs/test/basic/index.ts
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>