Mobile optimization

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index b4cf068dbfc4075d3c102fefc41aeed3b4cd8bb3..e8494b6a81e534379a0ae3d986a9e5adfb82cbff 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -1187,7 +1187,43 @@
 
 @media only screen and (max-width: 800px) {
        .content > .breadcrumbs {
-               display: none;
+               background-color: @wcfContentBackgroundColor;
+               border: 1px solid @wcfContainerBorderColor;
+               display: inline-block;
+               margin-left: @wcfGapSmall;
+               margin-right: @wcfGapSmall;
+               
+               .borderRadius(6px);
+               
+               > ul {
+                       > li {
+                               max-width: none;
+                               padding-right: 0;
+                               
+                               &:not(:last-child) {
+                                       display: none;
+                               }
+                               
+                               > a {
+                                       padding: @wcfGapTiny @wcfGapMedium;
+                                       
+                                       &:before {
+                                               content: "\f060";
+                                               font-family: FontAwesome;
+                                               font-size: 14px;
+                                               padding-right: @wcfGapSmall;
+                                       }
+                               }
+                               
+                               > .pointer {
+                                       display: none;
+                               }
+                       }
+               }
+               
+               + .boxHeadline {
+                       margin-top: 0;
+               }
        }
 }