Yangman - md-tooltip fix

- fix: Sort collections tooltip remains visible even if you do not point on it
  with cursor

Change-Id: I895b5cda11d8102e43b2cced9f1e9891245aa451
Signed-off-by: Lubomir Balogh <lubalogh@cisco.com>

diff --git a/modules/yangman-resources/src/main/resources/yangman/views/leftpanel/collections-tab.tpl.html b/modules/yangman-resources/src/main/resources/yangman/views/leftpanel/collections-tab.tpl.html
index 05b618c7421f94c0e4e56c1ca8298b3b0aba1fa3..b8d7a9e923fb3059c1b2019905699a46291760ae 100644 (file)
--- a/modules/yangman-resources/src/main/resources/yangman/views/leftpanel/collections-tab.tpl.html
+++ b/modules/yangman-resources/src/main/resources/yangman/views/leftpanel/collections-tab.tpl.html
@@ -27,35 +27,41 @@
         </md-input-container>
 
         <!-- sorting -->
-        <md-button  ng-click="reqList.toggleCollectionsSort()"
-                    ng-disabled="reqList.collectionList.collections.length <= 1">
-            <md-icon class="material-icons clickable" > sort</md-icon>
+        <span class="collection-button-container">
+            <md-button  ng-click="reqList.toggleCollectionsSort()"
+                        ng-disabled="reqList.collectionList.collections.length <= 1">
+                <md-icon class="material-icons clickable" > sort</md-icon>
+            </md-button>
             <md-tooltip md-direction="bottom">
                 {{ ( reqList.collectionsSortAsc ? 'YANGMAN_SORT_COLLECTIONS_DESC' : 'YANGMAN_SORT_COLLECTIONS_ASC' )| translate}}
             </md-tooltip>
-        </md-button>
+        </span>
         <!-- /sorting -->
 
         <!-- save -->
-        <md-button  ng-click="reqList.showDgSaveReq($event)"
-                    ng-disabled="reqList.mainList.getSelectedItems(reqList.filterCollReq).length === 0">
-            <md-icon class="material-icons clickable">
-                save
-            </md-icon>
+        <span class="collection-button-container">
+            <md-button  ng-click="reqList.showDgSaveReq($event)"
+                        ng-disabled="reqList.mainList.getSelectedItems(reqList.filterCollReq).length === 0">
+                <md-icon class="material-icons clickable">
+                    save
+                </md-icon>
+            </md-button>
             <md-tooltip md-direction="bottom">{{'YANGMAN_REQS_SAVE_TO_COL'| translate}}</md-tooltip>
-        </md-button>
+        </span>
         <!-- /save -->
 
         <!-- importing -->
-        <input type="file" accept=".json" id="importCollection" on-read-file="reqList.readCollectionFromFile($fileContent)">
-        <md-button>
-            <label for="importCollection">
-                <md-icon class="material-icons clickable" >
-                    file_upload
-                </md-icon>
-                <md-tooltip md-direction="bottom">{{'YANGMAN_IMPORT_COLLECTION'| translate}}</md-tooltip>
-            </label>
-        </md-button>
+        <span class="collection-button-container">
+            <input type="file" accept=".json" id="importCollection" on-read-file="reqList.readCollectionFromFile($fileContent)">
+            <md-button>
+                <label for="importCollection">
+                    <md-icon class="material-icons clickable" >
+                        file_upload
+                    </md-icon>
+                </label>
+            </md-button>
+            <md-tooltip md-direction="bottom">{{'YANGMAN_IMPORT_COLLECTION'| translate}}</md-tooltip>
+        </span>
         <!-- /importing -->
 
         <md-menu layout-align="center start">

diff --git a/modules/yangman-resources/src/main/resources/yangman/yangman.less b/modules/yangman-resources/src/main/resources/yangman/yangman.less
index d17c4e20f49bbc4bfa758294512e430c8c1f45d9..a054734dfaa1e1ba6bd32f58612249264e079aad 100644 (file)
--- a/modules/yangman-resources/src/main/resources/yangman/yangman.less
+++ b/modules/yangman-resources/src/main/resources/yangman/yangman.less
@@ -341,11 +341,19 @@ md-input-container{
                 color: @dashedBorderColor;
             }
 
-            button, md-menu button{
-                margin: 6px 0 0 0;
+            .collection-button-container {
+                margin-top: 6px;
+            }
+
+            button {
+                margin: 0;
                 min-width: 35px;
             }
 
+            md-menu button {
+                margin-top: 6px;
+            }
+