summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/ntp/apps.css
diff options
context:
space:
mode:
authoraa@chromium.org <aa@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98>2010-09-03 01:20:00 +0000
committeraa@chromium.org <aa@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98>2010-09-03 01:20:00 +0000
commitcd74a8fc2f3c13e4fd8a49ce233a56e5f84e5d80 (patch)
treed66f602ac1bb776e1e5d02973b5e0cc976ba764a /chrome/browser/resources/ntp/apps.css
parent56a704e89b9dcd257ac5ead1d999e400b42fdc16 (diff)
downloadchromium_src-cd74a8fc2f3c13e4fd8a49ce233a56e5f84e5d80.zip
chromium_src-cd74a8fc2f3c13e4fd8a49ce233a56e5f84e5d80.tar.gz
chromium_src-cd74a8fc2f3c13e4fd8a49ce233a56e5f84e5d80.tar.bz2
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
Diffstat (limited to 'chrome/browser/resources/ntp/apps.css')
-rw-r--r--chrome/browser/resources/ntp/apps.css8
1 files changed, 4 insertions, 4 deletions
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;
}