javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(list): do not style last child items by default (#16456)

Browse Source 
fixes #15185
This commit is contained in:
Brandy Carney
2018-11-26 16:39:11 -05:00
committed by GitHub
parent d09e55500c
commit 09d69b9bf6
3 changed files with 27 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/list/list.ios.scss
View File

@ -10,15 +10,6 @@
background: $item-ios-background; background: $item-ios-background;
} }
.list-ios:not(.list-inset):not(.list-ios-lines-none) .item:last-child {
--inner-border-width: 0;
--border-width: #{0 0 $list-ios-item-border-bottom-width 0};
}
// .list-ios:not(.list-inset) + .list-ios:not(.list-inset) ion-list-header {
// @include margin(-$list-ios-margin-top, null, null, null);
// @include padding(0, null, null, null);
// }
// iOS Inset List // iOS Inset List
// -------------------------------------------------- // --------------------------------------------------

5
core/src/components/list/list.md.scss
View File

@ -15,11 +15,6 @@
@include position-horizontal(0, null); @include position-horizontal(0, null);
} }
.list-md:not(.list-inset):not(.list-md-lines-none) .item:last-child {
--inner-border-width: 0;
--border-width: #{0 0 $list-md-item-border-bottom-width 0};
}
// Material Design Inset List // Material Design Inset List
// -------------------------------------------------- // --------------------------------------------------

26
core/src/components/list/test/lines/index.html
View File

@ -54,6 +54,32 @@
<ion-item>Final Fantasy VII</ion-item> <ion-item>Final Fantasy VII</ion-item>
</ion-list> </ion-list>
<ion-list>
<ion-list-header>Wrapper item: default</ion-list-header>
<div><ion-item>Pokémon Yellow</ion-item></div>
<div><ion-item>Super Metroid</ion-item></div>
<div><ion-item>Mega Man X</ion-item></div>
<div><ion-item>The Legend of Zelda</ion-item></div>
<div><ion-item>Pac-Man</ion-item></div>
</ion-list>
<ion-list lines="none">
<ion-list-header>Wrapper list lines: none</ion-list-header>
<div><ion-item>Pokémon Yellow</ion-item></div>
<div><ion-item>Super Metroid</ion-item></div>
<div><ion-item>Mega Man X</ion-item></div>
<div><ion-item>The Legend of Zelda</ion-item></div>
<div><ion-item>Pac-Man</ion-item></div>
</ion-list>
<ion-list>
<ion-list-header>Wrapper w/ item lines: none</ion-list-header>
<div><ion-item lines="none">Pokémon Yellow</ion-item></div>
<div><ion-item lines="none">Super Metroid</ion-item></div>
<div><ion-item lines="none">Mega Man X</ion-item></div>
<div><ion-item lines="none">The Legend of Zelda</ion-item></div>
<div><ion-item lines="none">Pac-Man</ion-item></div>
</ion-list>
</ion-content> </ion-content>
</ion-app> </ion-app>