Hide message signature in mobile view

diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index 3c20f1b9e43bc95385f6cfa0309f186bf935b056..9117f740b7d1a75e7a4bf6c0487dc9817b796a9b 100644 (file)
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -534,18 +534,26 @@
        }
 }
 
-.messageSignature {
-       border-top: 1px solid $wcfContentBorderInner;
-       margin-top: 20px;
-       opacity: .6;
-       padding-top: 10px;
-       transition: opacity .12s linear;
+@include screen-sm-down {
+       .messageSignature {
+               display: none;
+       }
 }
 
-.message:hover .messageSignature {
-       opacity: 1;
+@include screen-md-up {
+       .messageSignature {
+               border-top: 1px solid $wcfContentBorderInner;
+               margin-top: 20px;
+               opacity: .6;
+               padding-top: 10px;
+               transition: opacity .12s linear;
+       }
+       
+       .message:hover .messageSignature {
+               opacity: 1;
+       }
 }
-
+       
 .messageFooterButtons {
        @extend .buttonGroup;