Mobile optimization

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index 4fddf24d2d558523c737781667e988d4c883d195..42b453e856566883aa046f12fda689d6c70c10c5 100644 (file)
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -124,6 +124,49 @@
                        color: @wcfDimmedColor;
                }
        }
+       
+       .messageGroupInfo {
+               font-size: @wcfSmallFontSize;
+               
+               > li {
+                       display: inline-block;
+                       
+                       &:not(:first-child)::before {
+                               content: " - ";
+                       }
+               }
+               
+               &.mobileOptimization {
+                       > li {
+                               &.messageGroupLastPoster,
+                               &.messageGroupLastPostTime {
+                                       display: none;
+                               }
+                       }
+               }
+       }
+}
+
+@media only screen and (max-width: 800px) {
+       .messageGroupList {
+               .messageGroupInfo.mobileOptimization {
+                       > li {
+                               &.messageGroupAuthor,
+                               &.messageGroupTime {
+                                       display: none;
+                               }
+                               
+                               &.messageGroupLastPoster,
+                               &.messageGroupLastPostTime {
+                                       display: inline-block;
+                               }
+                               
+                               &.messageGroupLastPoster::before {
+                                       display: none;
+                               }
+                       }
+               }
+       }
 }
 
 /* ### messages ### */