Small overhaul of the like system (work in progress)

diff --git a/wcfsetup/install/files/style/badge.less b/wcfsetup/install/files/style/badge.less
index 111f5a15745b09577d8b54d43101491e1ee5177f..1b5045c60f2a02aaa38491fffbb0260ac721a4a2 100644 (file)
--- a/wcfsetup/install/files/style/badge.less
+++ b/wcfsetup/install/files/style/badge.less
@@ -44,6 +44,11 @@
                
                .badgeShadow(@wcfTabularBoxBackgroundColor);
        }
+       
+       &:hover {
+               color: @wcfContentBackgroundColor;
+               text-decoration: none;
+       }
 }
 
 /* special */
@@ -57,12 +62,12 @@
        top: -3px;
 }
 
-.mainMenu > ul > li > .badge {
+.mainMenu > ul > li > a > .badge {
        font-size: 70%;
        top: -1px;
 }
 
-.mainMenu > ul > li.active > .badge {
+.mainMenu > ul > li.active > a > .badge {
        font-size: 65%;
        top: -2px;
 }

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index d9bdf0877398d316ae04100c99db5e727ec26de0..797bb82918cddbc568cacb9a58a37e3fb967a337 100644 (file)
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -131,6 +131,16 @@
        > footer {
                padding-bottom: @wcfGapMedium;
        }
+       
+       > .likesSummary {
+               background-color: @wcfContentBackgroundColor;
+               border: 1px solid @wcfContainerBorderColor;
+               display: inline-block;
+               font-size: @wcfSmallFontSize;
+               padding: @wcfGapTiny @wcfGapMedium;
+               
+               .borderRadius();
+       }
 }
 
 .message .messageContent {
@@ -142,17 +152,17 @@
                padding: @wcfGapMedium @wcfGapLarge 0;
                position: relative;
                
-               time {
+               > time {
                        color: @wcfDimmedColor;
                        font-size: @wcfSmallFontSize;
                }
                
-               .likesDisplay {
+               > .likesBadge {
                        display: inline-block;
                        margin: -2px 0 -2px 4px;
                }
                
-               .messageTitle {
+               > .messageTitle {
                        color: @wcfColor;
                        font-size: @wcfSubHeadlineFontSize;
                        font-weight: bold;