SPR-950 changes for mobile header,

Bugfix edit Mode of document

css/area_header.less

@@ -161,6 +161,21 @@
         }
     }
 
+    /* + + +  mobile select for doku wiki tools   + + + */
+    .menu-tool-select {
+        position: relative;
+        z-index: 1000;
+        display: none;
+        @media @screen_max-xxs {
+            display: block;
+        }
+
+        select {
+            display:  block;
+            width:100%;
+        }
+    }
+
 
 /* + + + + +  with magic matcher  + + + + + */
     &.has-magicmatcher {

css/area_nav-page-attributes.less

@@ -72,5 +72,9 @@
             top: -.6em;
             font-size: @font-size-very-small;
         }
+
+        &:empty {
+          display: none;
+        }
     }
 }

css/area_nav-pagetools.less

@@ -41,6 +41,10 @@ nav#dokuwiki__pagetools {
         right: 8px;
     }
 
+    @media @screen_max-xxs {
+        display: none;
+    }
+
     ul {
         li {
             @page-tools_svg-size: 25px;

css/area_nav-usertools.less

@@ -50,11 +50,13 @@
             @media @screen_max-xs {
                 display: block;
                 float: none;
+
                 margin-bottom: @headericons-margin-xxs;
             }
 
             @media @screen_max-xxs {
                 margin-bottom: (@headericons-margin-xxs - .2);
+                display: none;
             }
 
             > span,
@@ -110,7 +112,7 @@
 
                 @media @screen_max-xxs {
                     left: -10px;
-                    right: (@toggle-size + @headericons-margin-xxs); // 1.75rem + .45rem
+                    right: 0;
                     width: auto;
                     padding-top: .35rem;
                 }

css/base_design.less

@@ -70,6 +70,10 @@ html, body {
         @media @screen_max-xs {
             padding-left: @margin-small;
         }
+
+        @media @screen_max-xxs {
+            padding-right: @margin-small;
+        }
     }
 
     .content #dokuwiki__pagetools {

css/plugins/edit.less

@@ -42,6 +42,26 @@
                 color: @color-editBox;
             }
         }
+
+        @media @screen_max-xs {
+            div.summary {
+                label[for=edit__summary] {
+                    white-space: normal;
+                    display: block;
+                    width: 100%;
+                    span {
+                        display: inline-block;
+                        padding-bottom: .4rem;
+                    }
+                    input#edit__summary{
+                        max-width: 100%;
+                        box-sizing: border-box;
+                    }
+                }
+            }
+        }
+
+
     }
 }
 

lang/de/lang.php

@@ -24,6 +24,7 @@ $lang['head_breadcrumb_youarehere'] = 'Standortanzeiger';
 $lang['head_menu_trace']            = 'Zuletzt Angesehen';
 $lang['head_meta_box']              = 'Metainformationen zur Seite';
 $lang['head_menu_starred']          = 'gemerkte Seite';
+$lang['head_menu_tool-select']      = 'Werkzeuge';
 
 $lang['jump_to_quicksearch']        = 'Springe zur Schnellsuche';
 

lang/en/lang.php

@@ -24,6 +24,7 @@ $lang['head_breadcrumb_youarehere'] = 'location indicator';
 $lang['head_menu_trace']            = 'Last Visited Pages';
 $lang['head_meta_box']              = 'meta data for this page';
 $lang['head_menu_starred']          = 'Starred Pages';
+$lang['head_menu_tool-select']      = 'Tools';
 
 $lang['jump_to_quicksearch']        = 'Jump to quick search';
 

main.php

@@ -136,6 +136,11 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
                                     <p class="title mobile-only"><?php echo $conf['title'] ?></p>
                                 <?php endif ?>
                             </div><!-- .main-title -->
+
+                            <div class="menu-tool-select">
+                                <h5 class="sr-only" role="heading" aria-level="2"><?php echo tpl_getLang('head_menu_tool-select') ?></h5>
+                                <?php tpl_actiondropdown($lang['tools'], "test"); ?>
+                            </div><!-- .menu-tool-select -->
                         </div><!-- .headings -->
                     </div><!-- .col -->