mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
style(list): rename ion-header to ion-list-header EVERYWHERE
closes #418
This commit is contained in:
@ -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
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -114,7 +114,7 @@ export class List extends Ion {
|
||||
|
||||
|
||||
@Directive({
|
||||
selector: 'ion-header',
|
||||
selector: 'ion-list-header',
|
||||
inputs: [
|
||||
'id'
|
||||
],
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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
|
||||
|
@ -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
|
||||
|
@ -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>
|
||||
|
Reference in New Issue
Block a user