/* * Mobile menu fix (<992px) — hardening sidebar SB-Admin untuk perangkat touch. * * Masalah asal (pre-existing template SB-Admin): * - selalu .sidenav-toggled (mode compact desktop = ikon-only, teks muncul saat HOVER). * Di HP tak ada hover → dulu menu hanya ikon tanpa teks. * - Tiap item punya tooltip (data-toggle="tooltip", placement:right). Elemen tooltip * (.navbar-sidenav-tooltip) ber-pointer-events:auto + z-index:1070, sehingga saat di-TAP * di layar sentuh tooltip menutupi menu dan MENELAN tap ke item submenu → "submenu tak bisa diklik". * * Perbaikan (hanya <992px; desktop tidak tersentuh): * 1. Kembalikan teks + lebar penuh, TANPA bergantung pada .sidenav-toggled (agar tetap benar * walau mobile-menu-fix.js membuang kelas itu menjadi accordion biasa). * 2. Matikan tooltip per-item di mobile (redundan karena teks sudah tampil + penyebab tap tertelan). * 3. Momentum scrolling untuk kontainer menu di dalam navbar fixed. */ @media (max-width: 991.98px) { /* 1) Teks + lebar penuh, berlaku baik saat .sidenav-toggled masih ada maupun tidak */ #mainNav .navbar-sidenav { width: auto !important; overflow: visible !important; } #mainNav .navbar-sidenav .nav-link-text { display: inline !important; } #mainNav .navbar-sidenav .nav-item, #mainNav .navbar-sidenav .nav-link { width: auto !important; } /* item submenu ikut lebar penuh agar teks tak terpotong */ #mainNav .navbar-sidenav .sidenav-second-level > li, #mainNav .navbar-sidenav .sidenav-third-level > li { width: auto !important; } /* 2) Matikan tooltip menu di mobile — mencegah overlay yang menelan tap ke submenu. display:none = tak ter-render & tak ikut hit-testing. (Dilengkapi mobile-menu-fix.js) */ .navbar-sidenav-tooltip { display: none !important; } /* 3) Scroll sentuh yang mulus untuk kontainer menu (di dalam #mainNav position:fixed) */ #mainNav .navbar-collapse { -webkit-overflow-scrolling: touch; } }