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

list css updates

Browse Source
This commit is contained in:
Adam Bradley
2015-08-31 21:00:48 -05:00
parent 4e71e07b37
commit 2eb742eee0
8 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ionic/components/list/list.scss
View File

@@ -18,7 +18,6 @@
}
.list[inset] {
border-radius: 2px;
overflow: hidden;
ion-header {

12
ionic/components/list/modes/ios.scss
View File

@@ -2,15 +2,16 @@
// iOS List
// --------------------------------------------------
$list-ios-margin-top: 10px !default;
$list-ios-margin-right: 0 !default;
$list-ios-margin-bottom: 32px !default;
$list-ios-margin-left: 0 !default;
$list-ios-margin-top: 10px !default;
$list-ios-margin-right: 0 !default;
$list-ios-margin-bottom: 32px !default;
$list-ios-margin-left: 0 !default;
$list-inset-ios-margin-top: 16px !default;
$list-inset-ios-margin-right: 16px !default;
$list-inset-ios-margin-bottom: 16px !default;
$list-inset-ios-margin-left: 16px !default;
$list-inset-ios-border-radius: 4px !default;
$list-ios-header-padding: 10px $item-ios-padding-right 10px $item-ios-padding-left !default;
$list-ios-header-font-size: 1.2rem !default;
@@ -34,7 +35,7 @@ $list-ios-header-color: #333 !default;
}
.list[mode=ios] + .list {
margin-top: $list-ios-margin-top;
margin-top: $list-ios-margin-top + $list-ios-margin-bottom;
}
.list[mode=ios] + .list ion-header {
@@ -44,6 +45,7 @@ $list-ios-header-color: #333 !default;
.list[mode=ios][inset] {
margin: $list-inset-ios-margin-top $list-inset-ios-margin-right $list-inset-ios-margin-bottom $list-inset-ios-margin-left;
border-radius: $list-inset-ios-border-radius;
.item:first-child {
margin-top: 0;

4
ionic/components/list/modes/material.scss
View File

@@ -11,6 +11,7 @@ $list-inset-md-margin-top: 16px !default;
$list-inset-md-margin-right: 16px !default;
$list-inset-md-margin-bottom: 16px !default;
$list-inset-md-margin-left: 16px !default;
$list-inset-md-border-radius: 2px !default;
$list-md-header-padding: 16px $item-md-padding-right 16px $item-md-padding-left !default;
$list-md-header-font-size: 1.4rem !default;
@@ -29,7 +30,7 @@ $list-md-header-color: #858585 !default;
}
.list[mode=md] + .list {
margin-top: $list-md-margin-top;
margin-top: $list-md-margin-top + $list-md-margin-bottom;
}
.list[mode=md] + .list ion-header {
@@ -39,6 +40,7 @@ $list-md-header-color: #858585 !default;
.list[mode=md][inset] {
margin: $list-inset-md-margin-top $list-inset-md-margin-right $list-inset-md-margin-bottom $list-inset-md-margin-left;
border-radius: $list-inset-md-border-radius;
.item:first-child {
margin-top: 0;

2
ionic/components/list/test/headers/main.html
View File

@@ -1,6 +1,6 @@
<ion-toolbar><ion-title>List Headers</ion-title></ion-toolbar>
<ion-content class="outer-content">
<ion-content class="outer-content" style="background:#EFEFF4">
<ion-list>