Small optimization
authorMarcel Werk <burntime@woltlab.com>
Sat, 25 May 2013 18:04:25 +0000 (20:04 +0200)
committerMarcel Werk <burntime@woltlab.com>
Sat, 25 May 2013 18:04:25 +0000 (20:04 +0200)
com.woltlab.wcf/template/notificationListOustanding.tpl
wcfsetup/install/files/style/dropdown.less

index 60c4b2a2076fbbbd51412d5fa3f45e9c5ec660a8..92a3b28912f2738a8caf30158a017739f2dcf836 100644 (file)
@@ -1,5 +1,5 @@
 {foreach from=$notifications[notifications] item=notification}
-       <li class="jsNotificationItem" data-link="{$notification[event]->getLink()}" data-notification-id="{@$notification[notificationID]}">
+       <li class="jsNotificationItem notificationItem" data-link="{$notification[event]->getLink()}" data-notification-id="{@$notification[notificationID]}">
                <a class="box24">
                        <div class="framed">
                                {@$notification[event]->getAuthor()->getAvatar()->getImageTag(24)}
index 1efcb5204b14dd1278752fbbb1e57e6891450a3c..8737e7d8aa19385ef20e75cbcefc7dd8fde1e317 100644 (file)
                        color: @wcfDropdownColor;
                        cursor: pointer;
                        display: block;
+                       max-width: 300px;
+                       overflow: hidden;
                        padding: @wcfGapTiny @wcfGapMedium;
                        text-decoration: none;
+                       text-overflow: ellipsis;
                        white-space: nowrap;
                        
                        .textShadow(@wcfDropdownBackgroundColor);
                                
                                .textShadow(@wcfDropdownHoverBackgroundColor);
                        }
+                       
+                       > div > h3 {
+                               overflow: hidden;
+                               text-overflow: ellipsis;
+                       }
                }
                
                > label {
                                font-size: @wcfSmallFontSize;
                        }
                }
+               
+               &.notificationItem {
+                       > a {
+                               white-space: normal;
+                               
+                               > div > h3 {
+                                       font-size: @wcfSmallFontSize;
+                               }
+                       }
+               }
        }
 }
 
                        
                        > a,
                        > span {
+                               max-width: none;
                                white-space: normal;
                        }
                }