mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-23 14:40:36 +01:00
* Make headers sticky Closes #3344. * Decrease headline margin bottom on mobile * increases gap * adds bottom padding * Update BTCPayServer/Views/UIApps/UpdatePointOfSale.cshtml * add "_blank" to view action * Fix markup and tests * Spacing updates * Try test fix * Re-add sticky account header and add test logs for timeout check * Fix timeout issues * Apply scroll padding on pages with sticky header Co-authored-by: dstrukt <gfxdsign@gmail.com> Co-authored-by: nicolas.dorier <nicolas.dorier@gmail.com>
21 lines
1.8 KiB
Text
21 lines
1.8 KiB
Text
@inject SignInManager<ApplicationUser> SignInManager
|
|
|
|
<div class="sticky-header-setup"></div>
|
|
<header class="sticky-header mb-l">
|
|
<h2 class="mt-1 mb-2 mb-lg-4">Account Settings</h2>
|
|
<nav id="SectionNav">
|
|
<div class="nav">
|
|
<a id="SectionNav-@ManageNavPages.Index.ToString()" class="nav-link @ViewData.IsActivePage(ManageNavPages.Index)" asp-controller="UIManage" asp-action="Index">Account</a>
|
|
<a id="SectionNav-@ManageNavPages.ChangePassword.ToString()" class="nav-link @ViewData.IsActivePage(ManageNavPages.ChangePassword)" asp-controller="UIManage" asp-action="ChangePassword">Password</a>
|
|
<a id="SectionNav-@ManageNavPages.TwoFactorAuthentication.ToString()" class="nav-link @ViewData.IsActivePage(ManageNavPages.TwoFactorAuthentication)" asp-controller="UIManage" asp-action="TwoFactorAuthentication">Two-Factor Authentication</a>
|
|
<a id="SectionNav-@ManageNavPages.APIKeys.ToString()" class="nav-link @ViewData.IsActivePage(ManageNavPages.APIKeys)" asp-controller="UIManage" asp-action="APIKeys">API Keys</a>
|
|
<a id="SectionNav-@ManageNavPages.Notifications.ToString()" class="nav-link @ViewData.IsActivePage(ManageNavPages.Notifications)" asp-controller="UIManage" asp-action="NotificationSettings">Notifications</a>
|
|
<a id="SectionNav-@ManageNavPages.LoginCodes.ToString()" class="nav-link @ViewData.IsActivePage(ManageNavPages.LoginCodes)" asp-controller="UIManage" asp-action="LoginCodes">Login Codes</a>
|
|
<vc:ui-extension-point location="user-nav" model="@Model"/>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<script>
|
|
const { offsetHeight } = document.querySelector('.sticky-header-setup + .sticky-header');
|
|
document.documentElement.style.scrollPaddingTop = `calc(${offsetHeight}px + var(--btcpay-space-m))`;
|
|
</script>
|