diff options
| author | johnnyg@chromium.org <johnnyg@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2009-12-05 00:51:58 +0000 |
|---|---|---|
| committer | johnnyg@chromium.org <johnnyg@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2009-12-05 00:51:58 +0000 |
| commit | bd76fc2bcef23c62e570bdb67d782f4811a5f92d (patch) | |
| tree | 0ece71dd45e5abe72bce4ecc9f12c1055238b3a2 /chrome/browser/resources | |
| parent | 103c215374c596425c599483053f69805720da71 (diff) | |
| download | chromium_src-bd76fc2bcef23c62e570bdb67d782f4811a5f92d.zip chromium_src-bd76fc2bcef23c62e570bdb67d782f4811a5f92d.tar.gz chromium_src-bd76fc2bcef23c62e570bdb67d782f4811a5f92d.tar.bz2 | |
Spruce up the notification UI to much more closely match the mocks, including a new stylesheet from Glen for text+icon notifications, and little icons for the buttons.
Part of the CL includes new features for TextButton class to control icon placement and appearance on hover.
BUG=none
TEST=notifications
Review URL: http://codereview.chromium.org/450045
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@33899 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'chrome/browser/resources')
| -rw-r--r-- | chrome/browser/resources/notification.html | 63 |
1 files changed, 33 insertions, 30 deletions
diff --git a/chrome/browser/resources/notification.html b/chrome/browser/resources/notification.html index 5e436e7..f3d824a1 100644 --- a/chrome/browser/resources/notification.html +++ b/chrome/browser/resources/notification.html @@ -1,36 +1,39 @@ <html> <head> -<title>$2</title> -<style type="text/css"><!-- -#icon { -height:48px; -width:48px; -position:absolute; -top:2px; -left:2px; -display:$4; -} -#title { -font-weight:bold; -position:absolute; -top:3px; -left:$5px; -font-family:sans-serif; -font-size:11pt; -} -#body { -position:absolute; -left:$5px; -top:20px; -font-family:sans-serif; -font-size:9pt; -} -//--> -</style> + <title>$2</title> + <style type="text/css"> + body { + margin:4px; + } + #body { + $4 + position:relative; + } + #icon { + position:absolute; + left:-52px; + top:2px; + height:48px; + width:48px; + padding-right:4px; + display:block; + } + #title { + font-weight:bold; + font-family:helvetica, arial, sans-serif; + font-size:100%; + } + #description { + font-family:helvetica, arial, sans-serif; + font-size:84%; + } + </style> </head> <body> -<div id="icon"><img src="$1" /></div> -<div id="title">$2</div> -<div id="body">$3</div> + <div id="body"> + <div id="icon"><img src="$1" width="48" height="48" /></div> + <div id="title">$2</div> + <div id="description">$3</div> + </div> </body> </html> |