From cd74a8fc2f3c13e4fd8a49ce233a56e5f84e5d80 Mon Sep 17 00:00:00 2001 From: "aa@chromium.org" Date: Fri, 3 Sep 2010 01:20:00 +0000 Subject: Instead of trying to arrange things so that there is something covering all the parts of the scrollable area we don't want to see, use -webkit-image-mask to only show the parts we do want to see. This change also fixes overflow of miniview items. Under some circumstances, the old JS approach wasn't working. Used a CSS one instead. TEST=Set up most visisted so that it has items. Start it in expanded mode. Minimize it. There should be no clipped last item. Review URL: http://codereview.chromium.org/3363001 git-svn-id: svn://svn.chromium.org/chrome/trunk/src@58451 0039d316-1c4b-4281-b951-d872f2087c98 --- chrome/browser/resources/ntp/apps.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'chrome/browser/resources/ntp/apps.css') diff --git a/chrome/browser/resources/ntp/apps.css b/chrome/browser/resources/ntp/apps.css index 5398044..1527d9b 100644 --- a/chrome/browser/resources/ntp/apps.css +++ b/chrome/browser/resources/ntp/apps.css @@ -1,7 +1,7 @@ /* Apps */ -#apps-section .app, -#apps-section .app[new=installed] { +.app, +.app[new=installed] { -webkit-box-sizing: border-box; -webkit-perspective: 400; border-radius: 10px; @@ -113,11 +113,11 @@ } } -#apps-section .app[new=new] { +.app[new=new] { opacity: 0; } -#apps-section .app[new=installed] { +.app[new=installed] { -webkit-animation: bounce .5s ease-in-out; -webkit-transition: opacity .5s; } -- cgit v1.1