wip

Icinga · Aug 12, 2024 · 2e41d1e · 2e41d1e
1 parent ead1123
commit 2e41d1e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/public/css/icinga/menu.less b/public/css/icinga/menu.less
@@ -254,6 +254,7 @@
     width: 14em;
     position: fixed;
     z-index: 1;
+    overflow: auto;
 
     &:after {
       .transform(rotate(45deg));

diff --git a/public/js/icinga/behavior/navigation.js b/public/js/icinga/behavior/navigation.js
@@ -320,22 +320,28 @@
             $target.addClass('hover');
 
             var targetHeight = $target.offset().top + $target.outerHeight();
+            var distanceFromEdge = 10;
+            var maxHeight = window.innerHeight - targetHeight - distanceFromEdge;
             $flyout.css({
                 bottom: 'auto',
                 top: targetHeight
             });
 
             var rect = $flyout[0].getBoundingClientRect();
 
-            if (rect.bottom > window.innerHeight && rect.height < targetHeight) {
+            if (rect.bottom > window.innerHeight - distanceFromEdge && rect.height < targetHeight) {
                 $flyout.addClass('bottom-up');
                 $flyout.css({
                     bottom: window.innerHeight - targetHeight,
                     top: 'auto'
                 });
+
+                maxHeight = targetHeight - distanceFromEdge;
             } else {
                 $flyout.removeClass('bottom-up');
             }
+
+            $flyout.css({'max-height': maxHeight});
         }, delay);
     };
 
@@ -362,6 +368,10 @@
                 }
             } catch(e) { /* Bypass because if IE8 */ };
             $hovered.removeClass('hover');
+            var $inlineStyleElement = $hovered.find('.nav-level-2');
+            if ($inlineStyleElement.length) {
+                $inlineStyleElement.removeAttr('style');
+            }
             $layout.removeClass('menu-hovered');
         }, 600);
     };