diff --git a/resources/js/custom.js b/resources/js/custom.js index 0f3b0f2e3..03c6abcac 100644 --- a/resources/js/custom.js +++ b/resources/js/custom.js @@ -565,6 +565,22 @@ function getEventTarget(e) { return e.target || e.srcElement; } +// Fix dropdown style when shown +document.addEventListener("DOMContentLoaded", function() { + document.querySelectorAll('.dropdown').forEach(drop => { + drop.addEventListener('show.bs.dropdown', function () { + const menu = this.querySelector('.dropdown-menu'); + if (menu) { + menu.style.maxHeight = 'none'; + menu.style.overflowY = 'visible'; + menu.style.position = 'absolute'; + menu.style.inset = 'unset'; + menu.style.zIndex = '1050'; + } + }); + }); +}); + // End tabs navigation // Light Mode / Dark Mode diff --git a/resources/scss/argon-dashboard/_dropdown.scss b/resources/scss/argon-dashboard/_dropdown.scss index d1bdf6de0..dc81ab7a2 100644 --- a/resources/scss/argon-dashboard/_dropdown.scss +++ b/resources/scss/argon-dashboard/_dropdown.scss @@ -29,6 +29,15 @@ } } + .dropdown-menu { + max-height: none !important; + overflow: visible !important; + position: absolute !important; + inset: unset !important; + z-index: 1050; + } + + .dropdown { &.dropdown-hover .dropdown-menu, .dropdown-menu { @@ -140,9 +149,11 @@ } .dropdown.nav-item .dropdown-menu { background-color: transparent; - overflow: scroll; + overflow: visible; position: relative; } + + } .dropdown { diff --git a/resources/views/components/fixed-plugin.blade.php b/resources/views/components/fixed-plugin.blade.php index 08f4e0be3..893591859 100644 --- a/resources/views/components/fixed-plugin.blade.php +++ b/resources/views/components/fixed-plugin.blade.php @@ -33,9 +33,14 @@
+ + +