Skip to content

Commit 2ab346d

Browse files
committed
fix(UM-03): dropdown ⋯ di atas tabel di semua viewport — angkat .um-page-header
Akar di layar lebar (1440): item ke-3 menu ditimpa header tabel DataTables (dataTables_scrollHead), BUKAN search box. Tabel ada di @section('content') terpisah dari header, jadi z-index antar-baris header tak cukup. Fix: .um-page-header position:relative z-index:30 → seluruh header jadi stacking context di atas konten. Verifikasi elementFromPoint item ke-3 = dropdown-item di 1440/1280/992/540px. Test um-03 9/9 PASS
1 parent d3d6bce commit 2ab346d

1 file changed

Lines changed: 5 additions & 3 deletions

File tree

resources/css/admin.css

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -463,9 +463,11 @@ form:has(.la-filter) .btn-sm {
463463
.um-header-actions .with-border { border: 0 !important; padding: 0 !important; }
464464

465465
/* Dropdown ⋯ harus di atas tabel/DataTables (fixedHeader) & search box — cegah
466-
tertutup. AKAR: baris 2 (search/filter) ada SETELAH baris 1 (dropdown) di DOM,
467-
jadi paint di atasnya. Solusi: angkat SELURUH baris 1 di atas baris 2 via
468-
z-index pada masing-masing baris (bukan cuma per-elemen). */
466+
tertutup. AKAR: (1) baris 2 (search) ada setelah baris 1 (dropdown) di DOM;
467+
(2) tabel DataTables ada di @section('content') terpisah & menimpa menu di
468+
layar lebar. Solusi: angkat SELURUH header (.um-page-header) jadi stacking
469+
context tinggi di atas konten, lalu urutkan baris di dalamnya. */
470+
.um-page-header { position: relative; z-index: 30; }
469471
.um-header-top { position: relative; z-index: 20; }
470472
.um-header-bottom { position: relative; z-index: 10; }
471473
.um-header-actions { position: relative; z-index: 1050; }

0 commit comments

Comments
 (0)