denozord/router-lists-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Refine header actions layout by adjusting button alignment and enhancing dropdown z-index for improved visibility and usability
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 8m7s
Details

Browse Source
This commit is contained in:
denozord
2025-08-13 10:23:05 +07:00
parent 3dbb8db338
commit 30fbc1107d
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.css
+7 -3
View File
@@ -233,18 +233,22 @@
flex-wrap: nowrap; flex-wrap: nowrap;
overflow-x: auto; overflow-x: auto;
padding-bottom: 2px; /* to avoid cutting off focus outline */ padding-bottom: 2px; /* to avoid cutting off focus outline */
/* Ensure dropdowns are not covered by following content (e.g., tables) */
position: relative;
z-index: 2500;
} }
.header-actions .btn-group { .header-actions .btn-group {
display: flex; display: flex;
align-items: center; align-items: stretch;
gap: 0.5rem; gap: 0.5rem;
} }
.header-actions .btn-group .btn-group { gap: 0; } .header-actions .btn-group .btn-group { gap: 0; align-items: stretch; }
.header-actions .btn-group .dropdown-toggle-split { padding-left: .5rem; padding-right: .5rem; } .header-actions .btn-group .dropdown-toggle-split { padding-left: .5rem; padding-right: .5rem; display: inline-flex; align-items: center; height: 100%; }
.header-actions .btn { .header-actions .btn {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
white-space: nowrap; white-space: nowrap;
height: 100%;
} }
.header-actions .btn svg { width: 18px; height: 18px; } .header-actions .btn svg { width: 18px; height: 18px; }