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

style(ionRefresher): add padding-top if refreshing-text or pulling-text

Browse Source 
Fixes #1269
This commit is contained in:
Andy Joslin
2014-05-05 12:44:34 -06:00
parent fc8711c7d0
commit 203734d216
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
js/angular/directive/refresher.js vendored
View File

@@ -65,7 +65,8 @@ IonicModule
require: '^$ionicScroll',
template:
'<div class="scroll-refresher">' +
'<div class="ionic-refresher-content">' +
'<div class="ionic-refresher-content" ' +
'ng-class="{\'ionic-refresher-with-text\': pullingText || refreshingText}">' +
'<i class="icon {{pullingIcon}} icon-pulling"></i>' +
'<div class="text-pulling" ng-bind-html="pullingText"></div>' +
'<i class="icon {{refreshingIcon}} icon-refreshing"></i>' +

3
scss/_scaffolding.scss
View File

@@ -182,6 +182,9 @@ body.grade-c {
line-height: 16px;
font-size: 16px;
}
&.ionic-refresher-with-text {
bottom: 10px;
}
}
.icon-refreshing,

2
test/html/list-fit.html
View File

@@ -18,7 +18,7 @@
</a>
</ion-header-bar>
<ion-content>
<ion-refresher on-refresh="onRefresh()"></ion-refresher>
<ion-refresher on-refresh="onRefresh()" refreshing-text="Refreshing!"></ion-refresher>
<div class="list">
<div class="item"
ng-click="alert(item)"