diff options
| author | arv@chromium.org <arv@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2010-05-06 00:10:55 +0000 |
|---|---|---|
| committer | arv@chromium.org <arv@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2010-05-06 00:10:55 +0000 |
| commit | 58afb15d9e91673bdcc058d6a94bc6c60db22da6 (patch) | |
| tree | 8a49d40eb647056b8dfca1f0610cbd85924909b4 /chrome/browser/resources/ntp/most_visited.css | |
| parent | 03b3d3fe34206d788cef52947de0093c4aa100da (diff) | |
| download | chromium_src-58afb15d9e91673bdcc058d6a94bc6c60db22da6.zip chromium_src-58afb15d9e91673bdcc058d6a94bc6c60db22da6.tar.gz chromium_src-58afb15d9e91673bdcc058d6a94bc6c60db22da6.tar.bz2 | |
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
Diffstat (limited to 'chrome/browser/resources/ntp/most_visited.css')
| -rw-r--r-- | chrome/browser/resources/ntp/most_visited.css | 5 |
1 files changed, 3 insertions, 2 deletions
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, |