From 79387a4e4aa621e7d0e49b4062c94d63a503dfdb Mon Sep 17 00:00:00 2001 From: Andy Joslin Date: Tue, 11 Feb 2014 14:29:24 -0500 Subject: [PATCH] fix(refresher): make refresher css not create gap at end of list --- js/ext/angular/test/list-fit.html | 66 +++++++++++++++++++++++++++++++ scss/_scaffolding.scss | 11 ++++-- 2 files changed, 73 insertions(+), 4 deletions(-) create mode 100644 js/ext/angular/test/list-fit.html diff --git a/js/ext/angular/test/list-fit.html b/js/ext/angular/test/list-fit.html new file mode 100644 index 00000000000..e33190c3e3b --- /dev/null +++ b/js/ext/angular/test/list-fit.html @@ -0,0 +1,66 @@ + + + + + + + Sample UL + + + + + + + + + + + + + + + + + +

Footer!

+ + + + + + diff --git a/scss/_scaffolding.scss b/scss/_scaffolding.scss index 763cbb9ba92..cdc44cd3ee1 100644 --- a/scss/_scaffolding.scss +++ b/scss/_scaffolding.scss @@ -46,9 +46,9 @@ body, .ionic-body { -webkit-user-drag: none; } -.content { +.content { // used for content areas not using the content directive - position: relative + position: relative } .scroll-content { @@ -141,9 +141,12 @@ body, .ionic-body { // Scroll refresher (for pull to refresh) .scroll-refresher { overflow: hidden; - margin-top: -60px; + top: -60px; height: 60px; - position: relative; + left: 0; + right: 0; + position: absolute; + margin: auto; .icon-refreshing { display: none;