Skip to content

Commit 93616c4

Browse files
manucorporatadamdbradley
authored andcommitted
fix(list): consecutive inset lists with headers
fixes #8412 fixes #6164
1 parent db72a7d commit 93616c4

File tree

2 files changed

+33
-14
lines changed

2 files changed

+33
-14
lines changed

src/components/list/list.ios.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ $list-ios-header-background-color: transparent !default;
7979
margin: 0 auto;
8080
}
8181

82-
.list-ios + ion-list ion-list-header {
82+
.list-ios:not([inset]) + .list-ios:not([inset]) ion-list-header {
8383
margin-top: -$list-ios-margin-top;
8484
padding-top: 0;
8585
}

src/components/list/test/inset/main.html

Lines changed: 32 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -18,22 +18,17 @@
1818
<button ion-fab><ion-icon name="close"></ion-icon></button>
1919
</ion-fab>
2020

21-
<ion-list inset>
21+
<ion-list inset no-lines>
2222

2323
<ion-list-header>
24-
Inset List Header
24+
List Header 1
2525
</ion-list-header>
2626

2727
<a ion-item href="#">
2828
<ion-icon name="alarm" item-left></ion-icon>
2929
List Link Item 1
3030
</a>
3131

32-
<a ion-item href="#">
33-
<ion-icon name="analytics" item-left></ion-icon>
34-
List Link Item 2
35-
</a>
36-
3732
<ion-item>
3833
<ion-label>Toggle</ion-label>
3934
<ion-toggle checked="true"></ion-toggle>
@@ -44,18 +39,42 @@
4439
<ion-checkbox checked="true"></ion-checkbox>
4540
</ion-item>
4641

47-
<button ion-item>
42+
<ion-item>
4843
<ion-icon name="boat" item-left></ion-icon>
4944
List Button Item 1
50-
</button>
45+
</ion-item>
46+
47+
</ion-list>
5148

52-
<button ion-item>
53-
<ion-icon name="book" item-left></ion-icon>
54-
List Button Item 2
55-
</button>
49+
<ion-list inset no-lines>
50+
<ion-list-header>
51+
List header 2
52+
</ion-list-header>
53+
<ion-item>
54+
<ion-icon name="list" item-left></ion-icon>
55+
item 1
56+
</ion-item>
57+
</ion-list>
5658

59+
<ion-list>
60+
<ion-list-header>
61+
List header 3
62+
</ion-list-header>
63+
<ion-item>
64+
<ion-icon name="list" item-left></ion-icon>
65+
item 1
66+
</ion-item>
5767
</ion-list>
5868

69+
<ion-list inset no-lines>
70+
<ion-list-header>
71+
List header 4
72+
</ion-list-header>
73+
<ion-item>
74+
<ion-icon name="list" item-left></ion-icon>
75+
item 1
76+
</ion-item>
77+
</ion-list>
5978

6079
<ion-list inset>
6180

0 commit comments

Comments
 (0)