From df8f6b5fee643c5b2af8e8d33a7865e898518485 Mon Sep 17 00:00:00 2001 From: Bernhard Posselt Date: Sat, 14 Sep 2013 02:22:36 +0200 Subject: implement pull to refresh, fix #44 --- css/items.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) (limited to 'css/items.css') 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 */ -- cgit v1.2.3