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

remove list footers

Browse Source
This commit is contained in:
Adam Bradley
2015-08-19 16:16:56 -05:00
parent 4d6d7f757d
commit 339d6bbc70
14 changed files with 12 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ionic/components/app/test/material/index.ts
View File

@ -38,9 +38,9 @@ import {App, ActionMenu, IonicApp, IonicView, Register} from 'ionic/ionic';
Keep close to Nature's heart... and break clear away, once in awhile, and climb a mountain or spend a week in the woods. Wash your spirit clean.
</div>
<img src="http://ionic-io-assets.s3.amazonaws.com/images/p4.png">
<ion-footer>
<ion-item>
Posted 5 days ago
</ion-footer>
</ion-item>
</ion-card>
</div>

4
ionic/components/app/test/sink/pages/card.ts
View File

@ -30,10 +30,6 @@ import {SinkPage} from '../sink-page';
</div>
</div>
<ion-footer>
Card Footer
</ion-footer>
</ion-card>
</ion-content>

4
ionic/components/app/test/sink/pages/list.ts
View File

@ -35,10 +35,6 @@ import {SinkPage} from '../sink-page';
</div>
<ion-item>Item</ion-item>
<ion-footer>
List Footer
</ion-footer>
</ion-list>
</ion-content>
`

4
ionic/components/app/test/snapcat/detail.html
View File

@ -10,10 +10,6 @@
<img src="{{post.image}}">
<ion-footer>
Posted {{post.day}} ago
</ion-footer>
</ion-card>
</ion-content>

3
ionic/components/app/test/snapcat/feed.html
View File

@ -7,8 +7,5 @@
{{post.text}}
</div>
<img src="{{post.image}}">
<div class="card-footer">
Posted {{post.day}} ago
</div>
</div>
</ion-content>

7
ionic/components/app/test/snapcat/main.html
View File

@ -49,18 +49,15 @@
.card {
box-shadow: none !important;
}
.card .card-content, .card .card-footer {
.card .card-content {
font-family: 'lato';
font-size: 16px;
line-height: 25px;
}
.card .card-footer {
color: #B8B8B8;
}
.card .item {
border: none !important;
}
.card .card-content, .card .card-footer {
.card .card-content {
padding: 25px !important;
}
.item {

9
ionic/components/card/modes/ios.scss
View File

@ -9,8 +9,6 @@ $card-ios-font-size: 1.4rem !default;
$card-ios-header-background-color: $card-ios-background-color !default;
$card-ios-header-padding: 10px;
$card-ios-footer-background-color: $card-ios-background-color !default;
$card-ios-footer-padding: 10px;
.card.list[mode=ios] {
@ -40,12 +38,7 @@ $card-ios-footer-padding: 10px;
ion-header {
padding: $card-ios-header-padding;
background-color: $card-ios-footer-background-color;
}
ion-footer {
padding: $card-ios-footer-padding;
background-color: $card-ios-footer-background-color;
background-color: $card-ios-header-background-color;
}
}

10
ionic/components/card/modes/material.scss
View File

@ -11,9 +11,6 @@ $card-md-header-font-size: 2.4rem !default;
$card-md-header-background-color: $card-md-background-color !default;
$card-md-header-padding: 16px;
$card-md-footer-background-color: $card-md-background-color !default;
$card-md-footer-padding: 16px;
.card.list[mode=md] {
background: $card-md-background-color;
@ -49,12 +46,7 @@ $card-md-footer-padding: 16px;
ion-header {
padding: $card-md-header-padding;
font-size: $card-md-header-font-size;
background-color: $card-md-footer-background-color;
}
ion-footer {
padding: $card-md-footer-padding;
background-color: $card-md-footer-background-color;
background-color: $card-md-header-background-color;
}
.item > img {

10
ionic/components/card/test/basic/main.html
View File

@ -14,10 +14,6 @@
</div>
</div>
<ion-footer>
Card Footer
</ion-footer>
</ion-card>
@ -53,10 +49,6 @@
</div>
</div>
<ion-footer>
Card Footer
</ion-footer>
</ion-card>
@ -64,7 +56,7 @@
<div class="item">
<div class="item-content">
Card, no header or footer
Card, no header
</div>
</div>

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

@ -11,8 +11,7 @@ $list-inset-margin: 10px !default;
padding: 0;
list-style-type: none;
ion-header,
ion-footer {
ion-header {
display: block;
overflow: hidden;
white-space: nowrap;

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

@ -8,12 +8,6 @@ $list-ios-header-font-weight: 500 !default;
$list-ios-header-letter-spacing: 0.1rem !default;
$list-ios-header-color: #333 !default;
$list-ios-footer-padding: 10px $item-ios-padding-right 10px $item-ios-padding-left !default;
$list-ios-footer-font-size: 1.2rem !default;
$list-ios-footer-font-weight: 500 !default;
$list-ios-footer-letter-spacing: 0.1rem !default;
$list-ios-footer-color: #333 !default;
.list[mode=ios] {
@ -26,15 +20,6 @@ $list-ios-footer-color: #333 !default;
color: $list-ios-header-color;
}
ion-footer {
padding: $list-ios-footer-padding;
font-size: $list-ios-footer-font-size;
font-weight: $list-ios-footer-font-weight;
letter-spacing: $list-ios-footer-letter-spacing;
text-transform: uppercase;
color: $list-ios-footer-color;
}
&[inset] ion-header {
padding-top: 10px;
}

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

@ -3,12 +3,8 @@
// --------------------------------------------------
$list-md-header-padding: 16px $item-md-padding-right 16px $item-md-padding-left !default;
$list-md-header-font-size: 1.6rem !default;
$list-md-header-color: #222 !default;
$list-md-footer-padding: 16px $item-md-padding-right 16px $item-md-padding-left !default;
$list-md-footer-font-size: 1.2rem !default;
$list-md-footer-color: #222 !default;
$list-md-header-font-size: 1.4rem !default;
$list-md-header-color: #858585 !default;
.list[mode=md] {
@ -19,11 +15,4 @@ $list-md-footer-color: #222 !default;
color: $list-md-header-color;
}
ion-footer {
padding: $list-md-footer-padding;
font-size: $list-md-footer-font-size;
text-transform: uppercase;
color: $list-md-footer-color;
}
}

10
ionic/components/list/test/headers-footers/main.html
View File

@ -1,4 +1,4 @@
<ion-toolbar><ion-title>List Headers/Footers</ion-title></ion-toolbar>
<ion-toolbar><ion-title>List Headers</ion-title></ion-toolbar>
<ion-list>
@ -44,10 +44,6 @@
</div>
</div>
<ion-footer>
List Footer
</ion-footer>
</ion-list>
<ion-list>
@ -76,8 +72,4 @@
</div>
</div>
<ion-footer>
List Footer with text that is also too long why do you do this all the time plz stop its too long!
</ion-footer>
</ion-list>

9
ionic/components/list/test/inset/main.html
View File

@ -11,9 +11,6 @@
Keep close to Nature's heart... and break clear away, once in awhile, and climb a mountain or spend a week in the woods. Wash your spirit clean.
</div>
</div>
<ion-footer>
List Footer
</ion-footer>
</ion-list>
@ -49,10 +46,6 @@
</div>
</div>
<ion-footer>
list Footer
</ion-footer>
</ion-list>
@ -60,7 +53,7 @@
<div class="item">
<div class="item-content">
Inset List, no header or footer
Inset List, no header
</div>
</div>