[Perl] DAQ system for the FAPG.
fix use CSS variable for sticky offset below navbar
Replace hardcoded top:56px with var(--navbar-height: 3.5rem) which matches Bootstrap's standard navbar height. Eliminates the gap between navbar and sticky controls.
roles/dashboard/public/css/app.css
@@ -19,6 +19,7 @@
19
19
--fapg-border: #e2e8f0;
20
20
--fapg-text: #1e293b;
21
21
--fapg-text-muted: #64748b;
22
Added:
--navbar-height: 3.5rem;
22
23
}
23
24
24
25
/* ----------------------------------------------------------------
@@ -41,7 +42,7 @@
41
42
#toolbar {
42
43
max-width: 100%;
43
44
position: sticky;
44
Removed:
top: 56px;
45
Added:
top: var(--navbar-height);
45
46
z-index: 1020;
46
47
background: var(--bs-body-bg, #fff);
47
48
padding-bottom: 0.5rem;
@@ -49,7 +50,7 @@
49
50
50
51
.sticky-controls {
51
52
position: sticky;
52
Removed:
top: 56px;
53
Added:
top: var(--navbar-height);
53
54
z-index: 1020;
54
55
background: var(--bs-body-bg, #fff);
55
56
padding-bottom: 0.5rem;