Skip to content

update: set navbar and page header to sticky on scroll #20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AdamJ merged 1 commit into from
Nov 13, 2025
Merged

update: set navbar and page header to sticky on scroll #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
132 changes: 107 additions & 25 deletions docs/chatbot/chatbot/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,8 @@
<a id="skip-to-main" class="visually-hidden" href="#main-content" data-smooth-link="false">
Skip to main content
</a>
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full">
<header class="site-header sticky-header">
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
<div class="container-fluid">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start gap-2">
<button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
Expand Down Expand Up @@ -63,6 +64,87 @@
</li>
</ul>

<div class="d-none d-sm-flex gap-2">
<button class="btn btn-sm btn-dropdown-toggle btn-outline-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
CAS - New York
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start">

<li>
<a class="dropdown-item " href="#">Boston Adams Management</a>
</li>

<li>
<a class="dropdown-item " href="#">C/F Data</a>
</li>

<li>
<a class="dropdown-item " href="#">Capital Interiors (SUBS)</a>
</li>

<li>
<a class="dropdown-item " href="#">CAS - Boston</a>
</li>

<li>
<a class="dropdown-item " href="#">CAS - New Jersey</a>
</li>

<li>
<a class="dropdown-item active" href="#">CAS - New York</a>
</li>

<li>
<a class="dropdown-item " href="#">CAS - Pennsylvania</a>
</li>

<li>
<a class="dropdown-item " href="#">CAS - Washington, DC</a>
</li>

<li>
<a class="dropdown-item " href="#">Commonwealth Wall Systems LLC</a>
</li>

<li>
<a class="dropdown-item " href="#">Component West Cal</a>
</li>

<li>
<a class="dropdown-item " href="#">Component West LLC</a>
</li>

<li>
<a class="dropdown-item " href="#">Construction Validation</a>
</li>

<li>
<a class="dropdown-item " href="#">Estimate</a>
</li>

<li>
<a class="dropdown-item " href="#">ESTIME Management Corp</a>
</li>

<li>
<a class="dropdown-item " href="#">Hi-Rise Construction Corp</a>
</li>

<li>
<a class="dropdown-item " href="#">Service Company</a>
</li>

<li>
<a class="dropdown-item " href="#">Zapata Construction, Boston</a>
</li>

<li>
<a class="dropdown-item " href="#">Zapata Construction, New York</a>
</li>

</ul>
</div>

<div class="d-none d-sm-flex gap-2">
<button class="btn btn-sm btn-outline-secondary" type="button">
<i class="fa-solid fa-print"></i>
Expand Down Expand Up @@ -158,12 +240,25 @@ <h2>CASim Online</h2>
</div>


<main>
</header>

<div class="page-header sticky-page-header">
<div class="page-header">
<div class="top-page-header d-none d-sm-block"></div>
<div class="page-header-text">
<div class="logo-text-badge-link">
<div class="header-subheader">
<div class="header-label">
<span class="h2">

</span></div></div>
</div></div></div>

</div>

<main class="mt-6">
<a id="main-content"></a>
<div class="container-fluid content-wrapper">
<div class="row">

<div class="offcanvas offcanvas-start left-navigation"
<div class="offcanvas offcanvas-start left-navigation"
tabindex="-1"
id="offcanvasExample"
aria-labelledby="offcanvasExampleLabel"
Expand Down Expand Up @@ -684,20 +779,10 @@ <h2>CASim Online</h2>
</div>
</div>


<div class="page-header">
<div class="top-page-header d-none d-sm-block"></div>
<div class="page-header-text">
<div class="logo-text-badge-link">
<div class="header-subheader">
<div class="header-label">
<span class="h2">

</span></div></div>
</div></div></div>

</div>
<div class="container py-5">

<div class="container-fluid content-wrapper">
<div class="row">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="card chatbot-header p-4 mb-0">
Expand Down Expand Up @@ -747,15 +832,12 @@ <h5 class="fw-normal mb-2">Budget status by project</h5>
</div>
</div>

</div>
</div>
</main>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="/casWOW/js/bootstrap.min.js"></script>
<style>
sl-dialog::part(base) {
z-index: 10000 !important;
}
</style>
<script>

const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]')
Expand Down
186 changes: 134 additions & 52 deletions docs/costs/cost-summary/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,8 @@
<a id="skip-to-main" class="visually-hidden" href="#main-content" data-smooth-link="false">
Skip to main content
</a>
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full">
<header class="site-header sticky-header">
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
<div class="container-fluid">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start gap-2">
<button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
Expand Down Expand Up @@ -63,6 +64,87 @@
</li>
</ul>

<div class="d-none d-sm-flex gap-2">
<button class="btn btn-sm btn-dropdown-toggle btn-outline-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
CAS - New York
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start">

<li>
<a class="dropdown-item " href="#">Boston Adams Management</a>
</li>

<li>
<a class="dropdown-item " href="#">C/F Data</a>
</li>

<li>
<a class="dropdown-item " href="#">Capital Interiors (SUBS)</a>
</li>

<li>
<a class="dropdown-item " href="#">CAS - Boston</a>
</li>

<li>
<a class="dropdown-item " href="#">CAS - New Jersey</a>
</li>

<li>
<a class="dropdown-item active" href="#">CAS - New York</a>
</li>

<li>
<a class="dropdown-item " href="#">CAS - Pennsylvania</a>
</li>

<li>
<a class="dropdown-item " href="#">CAS - Washington, DC</a>
</li>

<li>
<a class="dropdown-item " href="#">Commonwealth Wall Systems LLC</a>
</li>

<li>
<a class="dropdown-item " href="#">Component West Cal</a>
</li>

<li>
<a class="dropdown-item " href="#">Component West LLC</a>
</li>

<li>
<a class="dropdown-item " href="#">Construction Validation</a>
</li>

<li>
<a class="dropdown-item " href="#">Estimate</a>
</li>

<li>
<a class="dropdown-item " href="#">ESTIME Management Corp</a>
</li>

<li>
<a class="dropdown-item " href="#">Hi-Rise Construction Corp</a>
</li>

<li>
<a class="dropdown-item " href="#">Service Company</a>
</li>

<li>
<a class="dropdown-item " href="#">Zapata Construction, Boston</a>
</li>

<li>
<a class="dropdown-item " href="#">Zapata Construction, New York</a>
</li>

</ul>
</div>

<div class="d-none d-sm-flex gap-2">
<button class="btn btn-sm btn-outline-secondary" type="button">
<i class="fa-solid fa-print"></i>
Expand Down Expand Up @@ -158,12 +240,53 @@ <h2>CASim Online</h2>
</div>


<main>
</header>

<div class="page-header sticky-page-header">
<div class="page-header">
<div class="top-page-header d-none d-sm-block"><nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/casWOW/">Dashboard</a>
</li><li class="breadcrumb-item">
<a href="javascript:history.back()">Project Costs</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Cost Summary</li></ol>
</nav></div>
<div class="page-header-text">
<div class="logo-text-badge-link">
<div class="header-subheader">
<div class="header-label">
<span class="h2">
Cost Summary
</span><span class="badge bg-secondary">
873
</span></div></div>
</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">
<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-building"></i>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item"></a></li>
<li><a class="dropdown-item"></a></li>
<li><a class="dropdown-item" href="#"></a></li>
<!---->
<li><a class="dropdown-item" href="#"></a></li></ul>
</div><div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Actions
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Export to CSV</a></li>
</ul>
</div>
</div></div></div></div>

</div>

<main class="mt-6">
<a id="main-content"></a>
<div class="container-fluid content-wrapper">
<div class="row">

<div class="offcanvas offcanvas-start left-navigation"
<div class="offcanvas offcanvas-start left-navigation"
tabindex="-1"
id="offcanvasExample"
aria-labelledby="offcanvasExampleLabel"
Expand Down Expand Up @@ -684,48 +807,10 @@ <h2>CASim Online</h2>
</div>
</div>


<div class="page-header">
<div class="top-page-header d-none d-sm-block"><nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/casWOW/">Dashboard</a>
</li><li class="breadcrumb-item">
<a href="javascript:history.back()">Project Costs</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Cost Summary</li></ol>
</nav></div>
<div class="page-header-text">
<div class="logo-text-badge-link">
<div class="header-subheader">
<div class="header-label">
<span class="h2">
Cost Summary
</span><span class="badge bg-secondary">
873
</span></div></div>
</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">
<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-building"></i>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item"></a></li>
<li><a class="dropdown-item"></a></li>
<li><a class="dropdown-item" href="#"></a></li>
<!---->
<li><a class="dropdown-item" href="#"></a></li></ul>
</div><div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Actions
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Export to CSV</a></li>
</ul>
</div>
</div></div></div></div>

</div>

<div class="container-fluid content-wrapper">
<div class="row">

<ul class="nav nav-pills border-bottom pb-2 mb-2">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">
Expand Down Expand Up @@ -820,15 +905,12 @@ <h2>CASim Online</h2>
</nav>
</div>

</div>
</div>
</main>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="/casWOW/js/bootstrap.min.js"></script>
<style>
sl-dialog::part(base) {
z-index: 10000 !important;
}
</style>
<script>

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