From 58afb15d9e91673bdcc058d6a94bc6c60db22da6 Mon Sep 17 00:00:00 2001 From: "arv@chromium.org" Date: Thu, 6 May 2010 00:10:55 +0000 Subject: NTP: Fix issue where we have a visual glitch when hovering the thumbnails We need to set the transition for border-top-left-radius as well border-top-right-radius. Setting the transition to border-radius is not sufficient. BUG=43092 TEST=Hover the thumbnails on the most visited section. There should be no gaps in the upper corners. Review URL: http://codereview.chromium.org/1994001 git-svn-id: svn://svn.chromium.org/chrome/trunk/src@46527 0039d316-1c4b-4281-b951-d872f2087c98 --- chrome/browser/resources/ntp/most_visited.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'chrome/browser/resources/ntp/most_visited.css') diff --git a/chrome/browser/resources/ntp/most_visited.css b/chrome/browser/resources/ntp/most_visited.css index 3df8f68..d8fed45 100644 --- a/chrome/browser/resources/ntp/most_visited.css +++ b/chrome/browser/resources/ntp/most_visited.css @@ -181,7 +181,8 @@ html[dir=rtl] .thumbnail-container > .title > div { display: block; -webkit-box-shadow: 0px 2px 2px hsla(0, 0%, 0%, 0); -webkit-transition: width .15s, height .15s, border-color .15s, - border-radius .15s, -webkit-box-shadow .15s; + border-top-left-radius .15s, border-top-right-radius .15s, + -webkit-box-shadow .15s; } .edit-mode-border { @@ -206,7 +207,7 @@ html[dir=rtl] .thumbnail-container > .title > div { ); /* delay border radius transition as much as the edit bar slide delay */ - -webkit-transition-delay: 0, 0, 0, .5s, 0; + -webkit-transition-delay: 0, 0, 0, .5s, .5s, 0; } .thumbnail-container:focus > .edit-mode-border, -- cgit v1.1