mobile + js: min-height for content > sidebar hight

css/area_content.less

@@ -24,13 +24,6 @@
                 border-bottom: 1px solid @color-border-light;
             }
 
-            #meta-box {
-                display: inline-block;
-                min-height: 1.95rem;
-                max-width: 40%;
-                float: right;
-            }
-
             #plugin__highlightparent {
                 display: block;
             }

css/area_nav-breadcrumb.less

@@ -50,11 +50,26 @@
             }
         }
 
-        bdi {
+
+         bdi {
             padding: .1em .1em 0;
         }
+
+
     }
 
+    @media @screen_max-md {
+        min-height: 2.6rem;
+        padding-right: .3rem;
+        padding-left: 0;
+
+        p{
+            display: none;
+        }
+
+    }
+
+
 
 /* + + + + +  icon list  + + + + + */
     .page-attributes {

css/area_nav-metabox.less

@@ -1,4 +1,11 @@
 #meta-box {
+
+    display: inline-block;
+    min-height: 1.95rem;
+    max-width: 40%;
+    float: right;
+
+
     .tab-container {
         display: table;
     }
@@ -196,5 +203,26 @@
         clear: right;
         margin-top: 20px;
     }
+
+    @media @screen_max-md{
+        max-width: 100%;
+        float: none;
+        display: block;
+        top: -1.1rem;
+        position: relative;
+        right: -3.07rem;
+        .tab-container{
+            display: block;
+        }
+        ul.meta-tabs{
+            float: right;
+            > li > a{
+                margin-left: 0;
+            }
+        }
+        .meta-content{
+            clear: both;
+        }
+    }
 }
 

css/area_nav-pagetools.less

@@ -199,8 +199,11 @@ nav#dokuwiki__pagetools{
              }
          }
      }
+}
 
-
+/* overwrite do:backlink */
+.mode_backlink #dokuwiki__pagetools ul li a.backlink{
+    background-position: 95% center;
 }
 
 

css/area_togglelink.less

@@ -7,6 +7,10 @@
 
 .togglelink {
     &.page_main-content {
+
+        @media @screen_max-md{
+            display: none;
+        }
         position: absolute;
         top: -1px;
         bottom: -1px;
@@ -41,6 +45,9 @@
                     text-decoration: none;
                 }
             }
+            @media @screen_max-md{
+                display: none;
+            }
         }
 
 

css/base_structure.less

@@ -191,7 +191,7 @@
 
 @media @screen_max-md {
     .container {
-        margin: 0 @margin-big 0 1.25rem;
+        margin: 0 (@margin-big/2);
     }
 
     #dokuwiki__usertools {
@@ -199,17 +199,27 @@
         max-width: 75%;
         position: absolute;
         top: 0;
+        right: @margin-big/2;
     }
 
     .content {
         position: relative;
+        margin-top: 1rem;
 
         #dokuwiki__pagetools {
-            top: 0;
+            top: @margin-big * 2;
+            .tools{
+                position: static;
+            }
         }
 
-        .row > .col-xs-12 #dokuwiki__content::before {
+        .row > .col-xs-12 #dokuwiki__content {
-            display: none;
+
+            padding-right: @margin-big;
+            &::before {
+                display: none;
+            }
+
         }
     }
 

css/plugins/hightlight_parent.less

@@ -0,0 +1,6 @@
+@media @screen_max-md{
+    #plugin__highlightparent{
+        clear: both;
+        margin-top: 1rem;
+    }
+}

js/sidebar-menu.js

@@ -3,6 +3,20 @@
     var addToggleLink = function($elem){
             $elem.wrapInner('<a href="#toggleMenu" class="toggler"></a>');
         },
+
+        setContentMinHeight = function(){
+            var $sidebar = $('.page-wrapper').find('> .tools').find('.col-xs-12');
+
+            if($sidebar.length == 1){
+                var h = $sidebar.height(),
+                    num = parseFloat(h);
+                if(!isNaN(num)){
+                    $('#dokuwiki__content').css('minHeight',num + 100);
+                }
+
+            }
+
+        },
         setWideContent = function(){
             $('body').addClass('wide-content');
         },
@@ -122,6 +136,7 @@
         mainMenu();
         sideMenu();
         toggleMainContent();
+        setContentMinHeight();
     });
 
 } )( jQuery, spc );

style.ini

@@ -87,6 +87,7 @@ css/plugins/do_tasks.less             = all
 css/plugins/qc.less                   = all
 css/plugins/struct.less               = all
 css/plugins/bureaucracy.less          = all
+css/plugins/highlight_parent.less     = all
 
 
 ; _____________  print styles  _____________