summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/notification_icon.html
diff options
context:
space:
mode:
authorjohnnyg@chromium.org <johnnyg@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98>2010-02-19 01:02:46 +0000
committerjohnnyg@chromium.org <johnnyg@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98>2010-02-19 01:02:46 +0000
commit764627b3152582d2fa16168e1756ed3e83941c74 (patch)
treec1d12ede4de250fe51a02412a53c04e05d42817d /chrome/browser/resources/notification_icon.html
parent61a2f212908058f456c931c7e7e261fd6cd185bb (diff)
downloadchromium_src-764627b3152582d2fa16168e1756ed3e83941c74.zip
chromium_src-764627b3152582d2fa16168e1756ed3e83941c74.tar.gz
chromium_src-764627b3152582d2fa16168e1756ed3e83941c74.tar.bz2
Instead of using a single template file and leaving some parts of it out, use template files for each configuration. this allows for better presentation of small notifications without a lot of empty space.
BUG=36081 TEST=create notification with a short string Review URL: http://codereview.chromium.org/628010 git-svn-id: svn://svn.chromium.org/chrome/trunk/src@39409 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'chrome/browser/resources/notification_icon.html')
-rwxr-xr-xchrome/browser/resources/notification_icon.html39
1 files changed, 39 insertions, 0 deletions
diff --git a/chrome/browser/resources/notification_icon.html b/chrome/browser/resources/notification_icon.html
new file mode 100755
index 0000000..82d9112
--- /dev/null
+++ b/chrome/browser/resources/notification_icon.html
@@ -0,0 +1,39 @@
+<html>
+<head>
+ <title>$2</title>
+ <style type="text/css">
+ body {
+ margin:4px;
+ }
+ #body {
+ margin-left:56px;
+ 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="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>