From 5502f3c4aa30ce72131f2a55bcfa3db7a4059427 Mon Sep 17 00:00:00 2001
From: Nathan Guse <nathaniel.guse@gmail.com>
Date: Sun, 9 Sep 2012 17:20:39 -0500
Subject: [ticket/11103] Restyle the notification list

Very rough (lots of inline CSS, very ugly)

PHPBB3-11103
---
 .../styles/prosilver/template/overall_header.html  | 25 +++++++++++++++-------
 phpBB/styles/prosilver/theme/common.css            |  8 +++++++
 2 files changed, 25 insertions(+), 8 deletions(-)

(limited to 'phpBB/styles/prosilver')

diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html
index 77fdb230ad..1695f8d03a 100644
--- a/phpBB/styles/prosilver/template/overall_header.html
+++ b/phpBB/styles/prosilver/template/overall_header.html
@@ -132,6 +132,22 @@
 			<ul class="linklist leftside">
 				<li class="icon-ucp">
 					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
+					<a href="#" title="{L_NOTIFICATIONS}" onClick="$('#notification_list').toggle();">{L_NOTIFICATIONS}</a>
+					<div id="notification_list" style="display: block; position: absolute; width: 330px; background-color: #FFFFFF; z-index: 1;">
+						<ul style="list-style-type: none;">
+						<!-- BEGIN notifications -->
+							<li style="margin: 10px;">
+								<a href="{notifications.URL}" style="text-decoration: none;">
+									{notifications.AVATAR}
+									<div>
+										{notifications.FORMATTED_TITLE}<br />
+										{notifications.TIME}
+									</div>
+								</a>
+							</li>
+				   			<!-- END notifications -->
+						</ul>
+					</div>
 						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a>)<!-- ENDIF -->
 					<!-- IF S_DISPLAY_SEARCH --> &bull;
 					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
@@ -165,11 +181,4 @@
 				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
 			</div>
 		</div>
-		<!-- ENDIF -->
-
-<!-- BEGIN notifications -->
-	<p>
-		<a href="{notifications.URL}">{notifications.TITLE}</a><br />
-		{notifications.TIME}
-	</p>
-<!-- END notifications -->
\ No newline at end of file
+		<!-- ENDIF -->
\ No newline at end of file
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 4b4fa263b1..a3f2a83886 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -665,3 +665,11 @@ p.rules a {
 .smilies {
 	vertical-align: text-bottom;
 }
+
+.notifications-avatar {
+	float: left;
+	padding: 0 10px 10px 0;
+
+	max-width: 50px;
+	max-height: 50px;
+}
-- 
cgit v1.2.1