From 8116cf2d634bf10ba35c786f9fe93feb0bd64a93 Mon Sep 17 00:00:00 2001
From: Christophe Maudoux <chrmdx@gmail.com>
Date: Wed, 18 Mar 2020 10:40:38 +0100
Subject: [PATCH] Improve adaptive view (#2114)

---
 lemonldap-ng-manager/site/templates/diff.tpl | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/lemonldap-ng-manager/site/templates/diff.tpl b/lemonldap-ng-manager/site/templates/diff.tpl
index 9b2412585..de4125e24 100644
--- a/lemonldap-ng-manager/site/templates/diff.tpl
+++ b/lemonldap-ng-manager/site/templates/diff.tpl
@@ -63,6 +63,25 @@
 
     <!-- Right div -->
     <div id="right" class="col-lg-8 col-md-8 col-sm-7 col-xs-12 scrollable" ng-class="{'hidden-xs':showT&&!showM}">
+      <span class="visible-xs">
+      <div ng-if="currentNode"  class="lmmenu navbar navbar-default" ng-class="{'hidden-xs':!showM}">
+        <div class="navbar-collapse" ng-class="{'collapse':!showM}" id="formmenu">
+          <ul class="nav navbar-nav">
+            <li uib-dropdown class="visible-xs">
+              <a id="langmenu" name="menu" uib-dropdown-toggle data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Menu <span class="caret"></span></a>
+              <ul uib-dropdown-menu aria-labelled-by="langmenu" role="grid">
+                <li ng-repeat="link in links"><a href="{{link.target}}" role="row"><i ng-if="link.icon" class="glyphicon glyphicon-{{link.icon}}"></i> {{translate(link.title)}}</a></li>
+                <li ng-repeat="menulink in menulinks"><a href="{{menulink.target}}" role="row"><i ng-if="menulink.icon" class="glyphicon glyphicon-{{menulink.icon}}"></i> {{translate(menulink.title)}}</a></li>
+                <li ng-include="'languages.html'"></li>
+                <TMPL_IF NAME="INSTANCE_NAME">
+                  <li><a href="https://lemonldap-ng.org"><TMPL_VAR NAME="INSTANCE_NAME"></a></li>
+                </TMPL_IF>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+      </span>
       <h2 ng-if="message">{{message}}</h2>
       <div class="panel panel-default" ng-if="currentNode">
         <div class="panel-heading">