diff options
| author | Bernhard Posselt <nukeawhale@gmail.com> | 2013-09-14 02:22:36 +0200 |
|---|---|---|
| committer | Bernhard Posselt <nukeawhale@gmail.com> | 2013-09-14 02:22:44 +0200 |
| commit | df8f6b5fee643c5b2af8e8d33a7865e898518485 (patch) | |
| tree | 7100d25d814d5f4b4cf502c9e2b9e6dd5f562ab3 /css | |
| parent | 67d7754c364147c274790a76dab7cbfedd352645 (diff) | |
implement pull to refresh, fix #44
Diffstat (limited to 'css')
| -rw-r--r-- | css/items.css | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/css/items.css b/css/items.css index 60173ed82..9c5ca9ab2 100644 --- a/css/items.css +++ b/css/items.css @@ -30,6 +30,7 @@ background-image: url('%webroot%/core/img/loading.gif'); background-position: center; background-repeat: no-repeat; + background-size: 18px; display: block; height: 100%; } @@ -45,6 +46,26 @@ } +.pull-refresh { + -webkit-transition: height 0.5s; + -moz-transition: height 0.5s; + transition: height 0.5s; + background-image: url('%webroot%/core/img/loading.gif'), linear-gradient(top, rgb(235,235,235) 0%, rgb(248,248,248) 100%); + background-image: url('%webroot%/core/img/loading.gif'), -o-linear-gradient(top, rgb(235,235,235) 0%, rgb(248,248,248) 100%); + background-image: url('%webroot%/core/img/loading.gif'), -moz-linear-gradient(top, rgb(235,235,235) 0%, rgb(248,248,248) 100%); + background-image: url('%webroot%/core/img/loading.gif'), -webkit-linear-gradient(top, rgb(235,235,235) 0%, rgb(248,248,248) 100%); + background-image: url('%webroot%/core/img/loading.gif'), -ms-linear-gradient(top, rgb(235,235,235) 0%, rgb(248,248,248) 100%); + background-position: center 45px, center; + background-repeat: no-repeat; + background-size: 18px, 100%; + height: 0; + width: 100%; +} + +.refresh { + height: 80px; +} + /** * Rules for a single feed item */ |