PHRAS-2661

resources/www/common/js/components/common.js

@@ -31,17 +31,13 @@ var commonModule = (function ($, p4) {
             $(this).removeClass('context-menu-item-hover');
         });
 
-        // $('#help-trigger').contextMenu('#mainMenu .helpcontextmenu', {openEvt: 'click', dropDown: true, theme: 'vista', dropDown: true,
-        //     showTransition: 'slideDown',
-        //     hideTransition: 'hide',
-        //     shadow: false
-        // });
 
         $('body').on('click', '.infoDialog', function (event) {
             infoDialog($(this));
         });
     });
 
+
     function showOverlay(n, appendto, callback, zIndex) {
 
         var div = "OVERLAY";

resources/www/common/styles/main.scss

@@ -88,4 +88,20 @@ $mainMenuLinkBackgroundHoverColor: transparent;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.39);
   }
 }
+/*Help menu*/
+.contextMenu.helpcontextmenu {
+  display: none;
+  &.shown {
+    display: block;
+    position: absolute;
+    z-index: 101;
+  }
+}
+.help-trigger {
+  display:inline-block;
+  cursor:pointer;
+  padding: 0 4px;
+  border:none;
+  margin-left: -12px;
+}
 

resources/www/report/styles/main.scss

@@ -110,7 +110,7 @@ $select-height: 26px;
             }
             .input-prepend {
               margin: 0;
-              
+
               .dmin, .dmax {
                 border: 0 none;
                 height: 16px;
@@ -203,7 +203,7 @@ $select-height: 26px;
             height: $select-height;
           }
           .select-styled {
-            position: absolute; 
+            position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
@@ -232,9 +232,9 @@ $select-height: 26px;
               background-color: darken($select-background, 5);
             }
           }
-          
+
           .select-options {
-            display: none; 
+            display: none;
             position: absolute;
             top: 12px;
             right: -12px;
@@ -292,7 +292,7 @@ $select-height: 26px;
             -webkit-transform: translate(-50%, -50%);
                 -ms-transform: translate(-50%, -50%);
                     transform: translate(-50%, -50%);
-                    
+
             &:hover {
               background-color: #2c2c2c;
             }
@@ -355,4 +355,8 @@ $select-height: 26px;
   &.ui-widget-content{
     background-color: #212121;
   }
-}
+}
+
+#mainMenu li .context-menu-item-inner a:hover {
+  color: #000;
+}

templates/web/common/menubar.html.twig

@@ -300,6 +300,10 @@
 
 <script type="text/javascript">
     $(document).ready(function () {
+        $('body').on('click', '#help-trigger', function (event) {
+            $('#mainMenu .helpcontextmenu').toggleClass('shown');
+            console.log('mety');
+        });
         // var key = 'help';
         var configurationSettingLinks = {{ configuration|json_encode|raw }};
         //seperate array based on location of link