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

fix(list-header): add proper styles for list header

Browse Source
This commit is contained in:
Brandy Carney
2017-08-10 17:50:17 -04:00
parent ae1adbcc66
commit 60b4bec100
4 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/src/components/list-header/list-header.ios.scss
View File

@ -5,10 +5,8 @@
// iOS List Header // iOS List Header
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$list-ios-header-padding-left: $item-ios-padding-start !default;
/// @prop - Padding start of the header in a list /// @prop - Padding start of the header in a list
$list-ios-header-padding-start: $list-ios-header-padding-left !default; $list-ios-header-padding-start: $item-ios-padding-start !default;
/// @prop - Border bottom of the header in a list /// @prop - Border bottom of the header in a list
$list-ios-header-border-bottom: $hairlines-width solid $list-ios-border-color !default; $list-ios-header-border-bottom: $hairlines-width solid $list-ios-border-color !default;

6
packages/core/src/components/list-header/list-header.md.scss
View File

@ -1,4 +1,4 @@
@import "../../themes/ionic.globals.ios"; @import "../../themes/ionic.globals.md";
@import "./list-header"; @import "./list-header";
// Material Design List Header // Material Design List Header
@ -7,10 +7,8 @@
/// @prop - Margin bottom of the header in a list /// @prop - Margin bottom of the header in a list
$list-md-header-margin-bottom: 13px !default; $list-md-header-margin-bottom: 13px !default;
// deprecated
$list-md-header-padding-left: $item-md-padding-start !default;
/// @prop - Padding start of the header in a list /// @prop - Padding start of the header in a list
$list-md-header-padding-start: $list-md-header-padding-left !default; $list-md-header-padding-start: $item-md-padding-start !default;
/// @prop - Minimum height of the header in a list /// @prop - Minimum height of the header in a list
$list-md-header-min-height: 4.5rem !default; $list-md-header-min-height: 4.5rem !default;

5
packages/core/src/components/list-header/list-header.tsx
View File

@ -3,6 +3,11 @@ import { Component } from '@stencil/core';
@Component({ @Component({
tag: 'ion-list-header', tag: 'ion-list-header',
styleUrls: {
ios: 'list-header.ios.scss',
md: 'list-header.md.scss',
wp: 'list-header.wp.scss'
},
host: { host: {
theme: 'list-header' theme: 'list-header'
} }

4
packages/core/src/components/list-header/list-header.wp.scss
View File

@ -4,10 +4,8 @@
// Windows List Header // Windows List Header
// -------------------------------------------------- // --------------------------------------------------
// deprecated
$list-wp-header-padding-left: $item-wp-padding-start !default;
/// @prop - Padding start of the header in a list /// @prop - Padding start of the header in a list
$list-wp-header-padding-start: $list-wp-header-padding-left !default; $list-wp-header-padding-start: $item-wp-padding-start !default;
/// @prop - Border bottom of the header in a list /// @prop - Border bottom of the header in a list
$list-wp-header-border-bottom: 1px solid $list-wp-border-color !default; $list-wp-header-border-bottom: 1px solid $list-wp-border-color !default;