Skip to content

Commit d2e45b0

Browse files
AdamJAdamJ
committed
update: set navbar and page header to sticky on scroll
1 parent 033bbb5 commit d2e45b0

File tree

19 files changed

+1811
-591
lines changed

19 files changed

+1811
-591
lines changed

‎docs/chatbot/chatbot/index.html‎

Lines changed: 107 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,8 @@
3434
<a id="skip-to-main" class="visually-hidden" href="#main-content" data-smooth-link="false">
3535
Skip to main content
3636
</a>
37-
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full">
37+
<header class="site-header sticky-header">
38+
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
3839
<div class="container-fluid">
3940
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start gap-2">
4041
<button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
@@ -63,6 +64,87 @@
6364
</li>
6465
</ul>
6566

67+
<div class="d-none d-sm-flex gap-2">
68+
<button class="btn btn-sm btn-dropdown-toggle btn-outline-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
69+
CAS - New York
70+
</button>
71+
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start">
72+
73+
<li>
74+
<a class="dropdown-item " href="#">Boston Adams Management</a>
75+
</li>
76+
77+
<li>
78+
<a class="dropdown-item " href="#">C/F Data</a>
79+
</li>
80+
81+
<li>
82+
<a class="dropdown-item " href="#">Capital Interiors (SUBS)</a>
83+
</li>
84+
85+
<li>
86+
<a class="dropdown-item " href="#">CAS - Boston</a>
87+
</li>
88+
89+
<li>
90+
<a class="dropdown-item " href="#">CAS - New Jersey</a>
91+
</li>
92+
93+
<li>
94+
<a class="dropdown-item active" href="#">CAS - New York</a>
95+
</li>
96+
97+
<li>
98+
<a class="dropdown-item " href="#">CAS - Pennsylvania</a>
99+
</li>
100+
101+
<li>
102+
<a class="dropdown-item " href="#">CAS - Washington, DC</a>
103+
</li>
104+
105+
<li>
106+
<a class="dropdown-item " href="#">Commonwealth Wall Systems LLC</a>
107+
</li>
108+
109+
<li>
110+
<a class="dropdown-item " href="#">Component West Cal</a>
111+
</li>
112+
113+
<li>
114+
<a class="dropdown-item " href="#">Component West LLC</a>
115+
</li>
116+
117+
<li>
118+
<a class="dropdown-item " href="#">Construction Validation</a>
119+
</li>
120+
121+
<li>
122+
<a class="dropdown-item " href="#">Estimate</a>
123+
</li>
124+
125+
<li>
126+
<a class="dropdown-item " href="#">ESTIME Management Corp</a>
127+
</li>
128+
129+
<li>
130+
<a class="dropdown-item " href="#">Hi-Rise Construction Corp</a>
131+
</li>
132+
133+
<li>
134+
<a class="dropdown-item " href="#">Service Company</a>
135+
</li>
136+
137+
<li>
138+
<a class="dropdown-item " href="#">Zapata Construction, Boston</a>
139+
</li>
140+
141+
<li>
142+
<a class="dropdown-item " href="#">Zapata Construction, New York</a>
143+
</li>
144+
145+
</ul>
146+
</div>
147+
66148
<div class="d-none d-sm-flex gap-2">
67149
<button class="btn btn-sm btn-outline-secondary" type="button">
68150
<i class="fa-solid fa-print"></i>
@@ -158,12 +240,25 @@ <h2>CASim Online</h2>
158240
</div>
159241

160242

161-
<main>
243+
</header>
244+
245+
<div class="page-header sticky-page-header">
246+
<div class="page-header">
247+
<div class="top-page-header d-none d-sm-block"></div>
248+
<div class="page-header-text">
249+
<div class="logo-text-badge-link">
250+
<div class="header-subheader">
251+
<div class="header-label">
252+
<span class="h2">
253+
254+
</span></div></div>
255+
</div></div></div>
256+
257+
</div>
258+
259+
<main class="mt-6">
162260
<a id="main-content"></a>
163-
<div class="container-fluid content-wrapper">
164-
<div class="row">
165-
166-
<div class="offcanvas offcanvas-start left-navigation"
261+
<div class="offcanvas offcanvas-start left-navigation"
167262
tabindex="-1"
168263
id="offcanvasExample"
169264
aria-labelledby="offcanvasExampleLabel"
@@ -684,20 +779,10 @@ <h2>CASim Online</h2>
684779
</div>
685780
</div>
686781

687-
688-
<div class="page-header">
689-
<div class="top-page-header d-none d-sm-block"></div>
690-
<div class="page-header-text">
691-
<div class="logo-text-badge-link">
692-
<div class="header-subheader">
693-
<div class="header-label">
694-
<span class="h2">
695-
696-
</span></div></div>
697-
</div></div></div>
698-
699-
</div>
700-
<div class="container py-5">
782+
783+
<div class="container-fluid content-wrapper">
784+
<div class="row">
785+
<div class="container py-5">
701786
<div class="row justify-content-center">
702787
<div class="col-lg-8">
703788
<div class="card chatbot-header p-4 mb-0">
@@ -747,15 +832,12 @@ <h5 class="fw-normal mb-2">Budget status by project</h5>
747832
</div>
748833
</div>
749834

835+
</div>
836+
</div>
750837
</main>
751838
</div>
752839
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
753840
<script src="/casWOW/js/bootstrap.min.js"></script>
754-
<style>
755-
sl-dialog::part(base) {
756-
z-index: 10000 !important;
757-
}
758-
</style>
759841
<script>
760842

761843
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')

‎docs/costs/cost-summary/index.html‎

Lines changed: 134 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,8 @@
3434
<a id="skip-to-main" class="visually-hidden" href="#main-content" data-smooth-link="false">
3535
Skip to main content
3636
</a>
37-
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full">
37+
<header class="site-header sticky-header">
38+
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
3839
<div class="container-fluid">
3940
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start gap-2">
4041
<button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
@@ -63,6 +64,87 @@
6364
</li>
6465
</ul>
6566

67+
<div class="d-none d-sm-flex gap-2">
68+
<button class="btn btn-sm btn-dropdown-toggle btn-outline-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
69+
CAS - New York
70+
</button>
71+
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start">
72+
73+
<li>
74+
<a class="dropdown-item " href="#">Boston Adams Management</a>
75+
</li>
76+
77+
<li>
78+
<a class="dropdown-item " href="#">C/F Data</a>
79+
</li>
80+
81+
<li>
82+
<a class="dropdown-item " href="#">Capital Interiors (SUBS)</a>
83+
</li>
84+
85+
<li>
86+
<a class="dropdown-item " href="#">CAS - Boston</a>
87+
</li>
88+
89+
<li>
90+
<a class="dropdown-item " href="#">CAS - New Jersey</a>
91+
</li>
92+
93+
<li>
94+
<a class="dropdown-item active" href="#">CAS - New York</a>
95+
</li>
96+
97+
<li>
98+
<a class="dropdown-item " href="#">CAS - Pennsylvania</a>
99+
</li>
100+
101+
<li>
102+
<a class="dropdown-item " href="#">CAS - Washington, DC</a>
103+
</li>
104+
105+
<li>
106+
<a class="dropdown-item " href="#">Commonwealth Wall Systems LLC</a>
107+
</li>
108+
109+
<li>
110+
<a class="dropdown-item " href="#">Component West Cal</a>
111+
</li>
112+
113+
<li>
114+
<a class="dropdown-item " href="#">Component West LLC</a>
115+
</li>
116+
117+
<li>
118+
<a class="dropdown-item " href="#">Construction Validation</a>
119+
</li>
120+
121+
<li>
122+
<a class="dropdown-item " href="#">Estimate</a>
123+
</li>
124+
125+
<li>
126+
<a class="dropdown-item " href="#">ESTIME Management Corp</a>
127+
</li>
128+
129+
<li>
130+
<a class="dropdown-item " href="#">Hi-Rise Construction Corp</a>
131+
</li>
132+
133+
<li>
134+
<a class="dropdown-item " href="#">Service Company</a>
135+
</li>
136+
137+
<li>
138+
<a class="dropdown-item " href="#">Zapata Construction, Boston</a>
139+
</li>
140+
141+
<li>
142+
<a class="dropdown-item " href="#">Zapata Construction, New York</a>
143+
</li>
144+
145+
</ul>
146+
</div>
147+
66148
<div class="d-none d-sm-flex gap-2">
67149
<button class="btn btn-sm btn-outline-secondary" type="button">
68150
<i class="fa-solid fa-print"></i>
@@ -158,12 +240,53 @@ <h2>CASim Online</h2>
158240
</div>
159241

160242

161-
<main>
243+
</header>
244+
245+
<div class="page-header sticky-page-header">
246+
<div class="page-header">
247+
<div class="top-page-header d-none d-sm-block"><nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
248+
<ol class="breadcrumb">
249+
<li class="breadcrumb-item">
250+
<a href="/casWOW/">Dashboard</a>
251+
</li><li class="breadcrumb-item">
252+
<a href="javascript:history.back()">Project Costs</a>
253+
</li>
254+
<li class="breadcrumb-item active" aria-current="page">Cost Summary</li></ol>
255+
</nav></div>
256+
<div class="page-header-text">
257+
<div class="logo-text-badge-link">
258+
<div class="header-subheader">
259+
<div class="header-label">
260+
<span class="h2">
261+
Cost Summary
262+
</span><span class="badge bg-secondary">
263+
873
264+
</span></div></div>
265+
</div><div class="btn-toolbar d-none d-sm-block" role="toolbar" aria-label="Toolbar with button groups"><div class="d-flex gap-2"><div class="dropdown">
266+
<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
267+
<i class="fa-solid fa-building"></i>
268+
</button>
269+
<ul class="dropdown-menu">
270+
<li><a class="dropdown-item"></a></li>
271+
<li><a class="dropdown-item"></a></li>
272+
<li><a class="dropdown-item" href="#"></a></li>
273+
<!---->
274+
<li><a class="dropdown-item" href="#"></a></li></ul>
275+
</div><div class="dropdown">
276+
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
277+
Actions
278+
</button>
279+
<ul class="dropdown-menu">
280+
<li><a class="dropdown-item" href="#">Export to CSV</a></li>
281+
</ul>
282+
</div>
283+
</div></div></div></div>
284+
285+
</div>
286+
287+
<main class="mt-6">
162288
<a id="main-content"></a>
163-
<div class="container-fluid content-wrapper">
164-
<div class="row">
165-
166-
<div class="offcanvas offcanvas-start left-navigation"
289+
<div class="offcanvas offcanvas-start left-navigation"
167290
tabindex="-1"
168291
id="offcanvasExample"
169292
aria-labelledby="offcanvasExampleLabel"
@@ -684,48 +807,10 @@ <h2>CASim Online</h2>
684807
</div>
685808
</div>
686809

687-
688-
<div class="page-header">
689-
<div class="top-page-header d-none d-sm-block"><nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
690-
<ol class="breadcrumb">
691-
<li class="breadcrumb-item">
692-
<a href="/casWOW/">Dashboard</a>
693-
</li><li class="breadcrumb-item">
694-
<a href="javascript:history.back()">Project Costs</a>
695-
</li>
696-
<li class="breadcrumb-item active" aria-current="page">Cost Summary</li></ol>
697-
</nav></div>
698-
<div class="page-header-text">
699-
<div class="logo-text-badge-link">
700-
<div class="header-subheader">
701-
<div class="header-label">
702-
<span class="h2">
703-
Cost Summary
704-
</span><span class="badge bg-secondary">
705-
873
706-
</span></div></div>
707-
</div><div class="btn-toolbar d-none d-sm-block" role="toolbar" aria-label="Toolbar with button groups"><div class="d-flex gap-2"><div class="dropdown">
708-
<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
709-
<i class="fa-solid fa-building"></i>
710-
</button>
711-
<ul class="dropdown-menu">
712-
<li><a class="dropdown-item"></a></li>
713-
<li><a class="dropdown-item"></a></li>
714-
<li><a class="dropdown-item" href="#"></a></li>
715-
<!---->
716-
<li><a class="dropdown-item" href="#"></a></li></ul>
717-
</div><div class="dropdown">
718-
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
719-
Actions
720-
</button>
721-
<ul class="dropdown-menu">
722-
<li><a class="dropdown-item" href="#">Export to CSV</a></li>
723-
</ul>
724-
</div>
725-
</div></div></div></div>
726-
727-
</div>
728810

811+
<div class="container-fluid content-wrapper">
812+
<div class="row">
813+
729814
<ul class="nav nav-pills border-bottom pb-2 mb-2">
730815
<li class="nav-item">
731816
<a class="nav-link active" aria-current="page" href="#">
@@ -820,15 +905,12 @@ <h2>CASim Online</h2>
820905
</nav>
821906
</div>
822907

908+
</div>
909+
</div>
823910
</main>
824911
</div>
825912
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
826913
<script src="/casWOW/js/bootstrap.min.js"></script>
827-
<style>
828-
sl-dialog::part(base) {
829-
z-index: 10000 !important;
830-
}
831-
</style>
832914
<script>
833915

834916
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')

0 commit comments

Comments
 (0)