mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-07-30 21:40:43 +02:00
Code Issues Releases Wiki Activity

[ticket/11103] Prettify the output for prosilver.

Browse Source 
Create a way to mark items read from the output list.

PHPBB3-11103
This commit is contained in:
Nathaniel Guse
2012-09-20 10:36:11 -05:00
parent 661dd09d6f
commit 98731b1277
8 changed files with 104 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
phpBB/styles/prosilver/template/ajax.js
View File

@@ -77,6 +77,13 @@ $('#qr_full_editor').click(function() {
});
/**
* Toggle notification list
*/
$('#notification_list_button').click(function() {
$('#notification_list').toggle();
});
/**
* This AJAXifies the quick-mod tools. The reason it cannot be a standard

18
phpBB/styles/prosilver/template/overall_header.html
View File

@@ -130,25 +130,27 @@
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<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: none; position: absolute; width: 330px; max-height: 450px; background-color: #FFFFFF; z-index: 1; overflow-y: scroll;">
<ul style="list-style-type: none;">
<li>
[ <a href="#" id="notification_list_button" title="{L_NOTIFICATIONS}">{L_NOTIFICATIONS}</a> ] &bull;
<div id="notification_list">
<ul class="topiclist forums">
<!-- BEGIN notifications -->
<li style="padding: 10px; width: 290px;<!-- IF notifications.UNREAD --> background-color: grey;<!-- ENDIF -->">
<!-- IF notifications.URL --><a href="{notifications.URL}" style="text-decoration: none;"><!-- ENDIF -->
<li class="row<!-- IF notifications.UNREAD --> bg2<!-- ENDIF -->">
<!-- IF notifications.URL --><a href="{notifications.URL}"><!-- ENDIF -->
{notifications.AVATAR}
<div>
{notifications.FORMATTED_TITLE}<br />
{notifications.TIME}
</div>
<!-- IF notifications.URL --></a><!-- ENDIF -->
<!-- IF notifications.UNREAD --><a href="{notifications.U_MARK_READ}" title="{L_MARK_READ}">{L_MARK_READ}</a><!-- ENDIF -->
</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 -->
</li>
<li class="icon-ucp">
<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
<!-- IF S_DISPLAY_SEARCH --> &bull;
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- ENDIF -->

20
phpBB/styles/prosilver/theme/common.css
View File

@@ -666,6 +666,26 @@ p.rules a {
vertical-align: text-bottom;
}
#notification_list {
display: none;
position: absolute;
width: 330px;
max-height: 350px;
z-index: 1;
overflow-y: auto;
overflow-x: hidden;
background-color: #FFFFFF;
}
#notification_list ul li {
padding: 10px;
width: 310px;
}
#notification_list ul li a {
text-decoration: none;
}
#notification_list ul li img {
float: left;
padding: 0 10px 10px 0;