feat(menu): add a tooltip on the api name

fix gravitee-io/issues#1956
gravitee-io · Feb 27, 2019 · 5d5e77f · 5d5e77f
1 parent 4fafced
commit 5d5e77f
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 6 deletions.
diff --git a/src/components/notificationsettings/notificationsettings.html b/src/components/notificationsettings/notificationsettings.html
@@ -17,7 +17,12 @@
 -->
   <div layout="row">
     <div class="gv-sub-menu menu"  ng-style="$ctrl.api || $ctrl.application ? '' : {'margin': '0 0 0 -32px', 'padding-top': '70px'}">
-      <div ng-if="$ctrl.api" class="md-headline">{{$ctrl.api.name}} ({{$ctrl.api.version}})</div>
+      <div ng-if="$ctrl.api" class="md-headline">
+        <span>
+          {{$ctrl.api.name}} ({{$ctrl.api.version}})
+          <md-tooltip md-direction="bottom">{{$ctrl.api.name}} ({{$ctrl.api.version}})</md-tooltip>
+        </span>
+      </div>
       <div class="aui-nav-heading">
         <strong>Settings</strong>
       </div>

diff --git a/src/management/api/analytics/apis.analytics.route.html b/src/management/api/analytics/apis.analytics.route.html
@@ -18,7 +18,12 @@
 <div flex>
     <div layout="row" flex>
         <div class="gv-sub-menu menu">
-            <div class="md-headline">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</div>
+            <div class="md-headline">
+                <span>
+                    {{apiCtrl.api.name}} ({{apiCtrl.api.version}})
+                    <md-tooltip md-direction="bottom">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</md-tooltip>
+                </span>
+            </div>
 
             <div class="aui-nav-heading">
                 <strong>General</strong>

diff --git a/src/management/api/audit/apis.audit.route.html b/src/management/api/audit/apis.audit.route.html
@@ -18,7 +18,12 @@
 <div flex>
     <div layout="row" flex>
         <div class="gv-sub-menu menu">
-            <div class="md-headline">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</div>
+            <div class="md-headline">
+                <span>
+                    {{apiCtrl.api.name}} ({{apiCtrl.api.version}})
+                    <md-tooltip md-direction="bottom">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</md-tooltip>
+                </span>
+            </div>
 
             <div class="aui-nav-heading">
                 <strong>General</strong>

diff --git a/src/management/api/design/apis.design.route.html b/src/management/api/design/apis.design.route.html
@@ -18,7 +18,12 @@
 <div flex>
     <div layout="row" flex>
         <div class="gv-sub-menu menu">
-            <div class="md-headline">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</div>
+            <div class="md-headline">
+                <span>
+                    {{apiCtrl.api.name}} ({{apiCtrl.api.version}})
+                    <md-tooltip md-direction="bottom">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</md-tooltip>
+                </span>
+            </div>
 
             <div class="aui-nav-heading">
                 <strong>General</strong>

diff --git a/src/management/api/portal/apis.portal.route.html b/src/management/api/portal/apis.portal.route.html
@@ -18,7 +18,12 @@
 <div flex>
    <div layout="row" flex>
       <div class="gv-sub-menu menu">
-         <div class="md-headline">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</div>
+         <div class="md-headline">
+            <span>
+               {{apiCtrl.api.name}} ({{apiCtrl.api.version}})
+               <md-tooltip md-direction="bottom">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</md-tooltip>
+            </span>
+         </div>
 
          <div class="aui-nav-heading">
             <strong>General</strong>

diff --git a/src/management/api/proxy/apis.proxy.route.html b/src/management/api/proxy/apis.proxy.route.html
@@ -18,7 +18,12 @@
 <div flex>
     <div layout="row" flex>
         <div class="gv-sub-menu menu">
-            <div class="md-headline">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</div>
+            <div class="md-headline">
+                <span>
+                    {{apiCtrl.api.name}} ({{apiCtrl.api.version}})
+                    <md-tooltip md-direction="bottom">{{apiCtrl.api.name}} ({{apiCtrl.api.version}})</md-tooltip>
+                </span>
+            </div>
             <div class="aui-nav-heading">
                 <strong>General</strong>
             </div>