More style fixes

diff --git a/wcfsetup/install/files/style/badge.less b/wcfsetup/install/files/style/badge.less
index 522fbb159a1c88f63a4cab9cb86bef9e7a6573ed..6cc88199ebce593749925f61905d31e5cbec91ee 100644 (file)
--- a/wcfsetup/install/files/style/badge.less
+++ b/wcfsetup/install/files/style/badge.less
@@ -19,7 +19,6 @@
        padding: 2px 8px;
        position: relative;
        text-shadow: none;
-       top: -1px;
        white-space: nowrap;
        
        .badgeShadow(@wcfContentBackgroundColor);
@@ -29,6 +28,16 @@
                color: @wcfPageLinkHoverColor;
        }
        
+       &.badgeGreen {
+               background-color: @successColor;
+               color: #fff;
+       }
+       
+       &.badgeRed {
+               background-color: @errorColor;
+               color: #fff;
+       }
+       
        &.badgeInverse {
                background-color: @wcfPageLinkHoverColor;
                color: @wcfPageBackgroundColor;

diff --git a/wcfsetup/install/files/style/bootstrap.less b/wcfsetup/install/files/style/bootstrap.less
index 47a26f7688eded323afdffc6f37eb03707d2c5f2..90c1a2e84127f2330c1bb1a1f81d1c5fac9d1d34 100644 (file)
--- a/wcfsetup/install/files/style/bootstrap.less
+++ b/wcfsetup/install/files/style/bootstrap.less
@@ -26,6 +26,7 @@
 @import "pagination.less";
 @import "comments.less";
 @import "user.less";
+@import "like.less";
 
 @import "message.less";
 @import "dialog.less";

diff --git a/wcfsetup/install/files/style/comments.less b/wcfsetup/install/files/style/comments.less
index 708fdd25a1ea0842f6ba74c30fa0a97ee944d1ea..5ee519c7d003de6867a22266bda4e8276f695a69 100644 (file)
--- a/wcfsetup/install/files/style/comments.less
+++ b/wcfsetup/install/files/style/comments.less
@@ -15,9 +15,18 @@
                opacity: 0;
                
                .transition(opacity, .1s);
+               
+               a {
+                       padding: 4px;
+               }
        }
 }
 
+.commentResponseList .commentOptions {
+       top: @wcfGapSmall;
+       right: @wcfGapSmall;
+}
+
 .commentContent:hover .commentOptions li {
        opacity: 1;
 }
@@ -50,18 +59,32 @@
        padding: 7px;
 }
 
-.commentList > li&:nth-child(2n) .commentResponseList > li&:nth-child(2n+1) {
+.commentList > li:nth-child(2n) .commentResponseList > li:nth-child(2n+1) {
        background-color: @wcfContainerBackgroundColor;
+       
+       .transition(background-color, .1s);
 }
 
-.commentList > li&:nth-child(2n+1) .commentResponseList > li&:nth-child(2n+1) {
+.commentList > li:nth-child(2n+1) .commentResponseList > li:nth-child(2n+1) {
        background-color: @wcfContainerAccentBackgroundColor;
+       
+       .transition(background-color, .1s);
 }
 
+.commentList > li:nth-child(2n):hover .commentResponseList > li:nth-child(2n+1),
+.commentList > li:nth-child(2n+1):hover .commentResponseList > li:nth-child(2n+1) {
+       background-color: @wcfHighlightBackgroundColor;
+}
+
+/* like display */
+.commentList .likesDisplay {
+       display: inline-block;
+       margin: -2px 0 -2px @wcfGapTiny;
+}
 
 
 
-/* Comment List */
+/* Comment List (old?) */
 
 .wcf-commentList > .wcf-container {
        border-top: 1px solid rgba(204, 204, 204, 1);

diff --git a/wcfsetup/install/files/style/like.less b/wcfsetup/install/files/style/like.less
new file mode 100644 (file)
index 0000000..af9639b
--- /dev/null
+++ b/wcfsetup/install/files/style/like.less
@@ -0,0 +1,40 @@
+/* ############## ToDo: Likes Widget ############## */
+
+/*  @see theadPostList.tpl */
+
+/** 
+ * This defines the shape of the Likes widget  
+ * Colors & effects are being defined by the 
+ * "Global Button Color & Effect Library" 
+ */
+
+/* -- -- -- -- Widget -- -- -- -- -- */
+
+/* Globals */
+
+.likesWidget {
+       margin: 0 0 0 15px;
+}
+
+/* Buttons */
+
+.likesWidget > ul {
+       float: right;
+       margin-right: 7px;
+       margin-left: 10px;
+}
+
+.likesWidget > ul > li {
+       text-align: right;
+       margin-top: 3px;
+       display: inline-block;
+}
+
+.likesWidget > ul > li > a {
+       padding: 2px 4px 3px;
+}
+
+.likesWidget > ul > li:first-child {
+       margin-right: -5px;
+}
+ 
\ No newline at end of file

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index 47a026f11cfcc6bdac91d94670e01eebb7430d32..760d7b16c2cab896715f3b8ee6d444b74b34d7cc 100644 (file)
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -162,14 +162,7 @@
                
                .likesDisplay {
                        display: inline-block;
-                       margin-left: @wcfGapMedium;
-                       margin-top: 1px;
-                       
-                       .badge {
-                               font-size: 76%;
-                               margin-left: 0;
-                               top: 0;
-                       }
+                       margin: -2px 0 -2px @wcfGapTiny;
                }
                
                .messageTitle {