mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-06 14:35:56 +02:00
Code Issues Releases Wiki Activity

[ticket/11564] Notifications popup fixes

Browse Source 
Fix width issue with vertical scrollbar
Correctly absolutely position it above link, allowing
style authors to move notifications link around in style
Fix IE7 positioning

PHPBB3-11564
This commit is contained in:
Vjacheslav Trushkin 2013-05-23 15:13:58 +03:00
parent 4b0d51adea
commit 110ce809af
2 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -306,8 +306,12 @@ a#logo:hover {
ul.linklist { ul.linklist {
display: block; display: block;
margin: 0; margin: 0;
height: 4%; }
overflow: hidden;
ul.linklist:after {
content: '';
display: block;
clear: both;
} }
#cp-main .panel { #cp-main .panel {
@ -689,28 +693,33 @@ p.rules a {
vertical-align: text-bottom; vertical-align: text-bottom;
} }
.icon-notification {
position: relative;
}
#notification_list { #notification_list {
display: none; display: none;
position: absolute; position: absolute;
left: 0;
width: 330px; width: 330px;
z-index: 1; z-index: 1;
border: 1px solid; border: 1px solid;
box-shadow: 3px 3px 5px darkgray; box-shadow: 3px 3px 5px darkgray;
border-radius: 5px; border-radius: 5px;
margin-top: 8px; top: 32px;
} }
#notification_list ul { #notification_list ul {
max-height: 350px; max-height: 350px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
clear: both;
} }
#notification_list ul li { #notification_list ul li {
width: 310px;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
float: left; float: none;
border-bottom: 1px solid; border-bottom: 1px solid;
list-style-type: none; list-style-type: none;
font-size: 0.95em; font-size: 0.95em;

19
phpBB/styles/prosilver/theme/tweaks.css
View File

@ -9,6 +9,10 @@ tweaks required due to its poor CSS support.
zoom: 1; zoom: 1;
} }
ul.linklist {
zoom: 1;
}
/* Align checkboxes/radio buttons nicely */ /* Align checkboxes/radio buttons nicely */
dd label input { dd label input {
vertical-align: text-bottom; vertical-align: text-bottom;
@ -47,3 +51,18 @@ dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
dd.option { dd.option {
*width: 124px; *width: 124px;
} }
/* Notifications list for IE7 */
#notification_list {
*left: 0;
}
#notification_list .header_settings {
*position: absolute;
*right: 10px;
*top: 0;
}
.icon-notification {
*z-index: 2;
}