From 4f626e3342f190c4331a0225c8b993ffc6c8d1eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jana=20Deutschl=C3=A4nder?= <deutschlaender@cosmocode.de>
Date: Tue, 26 Sep 2017 12:39:45 +0200
Subject: [PATCH] SPR-950 changes for mobile header, Bugfix edit Mode of
 document

---
 css/area_header.less              | 15 +++++++++++++++
 css/area_nav-page-attributes.less |  4 ++++
 css/area_nav-pagetools.less       |  4 ++++
 css/area_nav-usertools.less       |  4 +++-
 css/base_design.less              |  4 ++++
 css/plugins/edit.less             | 20 ++++++++++++++++++++
 lang/de/lang.php                  |  1 +
 lang/en/lang.php                  |  1 +
 main.php                          |  5 +++++
 9 files changed, 57 insertions(+), 1 deletion(-)

diff --git a/css/area_header.less b/css/area_header.less
index 81eb17a..f524543 100755
--- a/css/area_header.less
+++ b/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 {
diff --git a/css/area_nav-page-attributes.less b/css/area_nav-page-attributes.less
index a36e400..9074226 100644
--- a/css/area_nav-page-attributes.less
+++ b/css/area_nav-page-attributes.less
@@ -72,5 +72,9 @@
             top: -.6em;
             font-size: @font-size-very-small;
         }
+
+        &:empty {
+          display: none;
+        }
     }
 }
diff --git a/css/area_nav-pagetools.less b/css/area_nav-pagetools.less
index 56b1c5e..7cd1529 100755
--- a/css/area_nav-pagetools.less
+++ b/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;
diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less
index 1750625..2710719 100755
--- a/css/area_nav-usertools.less
+++ b/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;
                 }
diff --git a/css/base_design.less b/css/base_design.less
index 28155df..2cbe4df 100755
--- a/css/base_design.less
+++ b/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 {
diff --git a/css/plugins/edit.less b/css/plugins/edit.less
index ee99b30..888ab5c 100644
--- a/css/plugins/edit.less
+++ b/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;
+                    }
+                }
+            }
+        }
+
+
     }
 }
 
diff --git a/lang/de/lang.php b/lang/de/lang.php
index 0f94a43..bbfb5ab 100755
--- a/lang/de/lang.php
+++ b/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';
 
diff --git a/lang/en/lang.php b/lang/en/lang.php
index c0bdf34..7474e88 100755
--- a/lang/en/lang.php
+++ b/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';
 
diff --git a/main.php b/main.php
index b72ec5f..21c9ada 100755
--- a/main.php
+++ b/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 -->