ui: Active corresponding menu item

ui: Ensure menu is still visible on provider's features page
2026-01-02 14:21:18 +07:00 · 2026-01-02 14:20:32 +07:00
2 changed files with 21 additions and 6 deletions
--- a/web/src/lib/components/Header.svelte
+++ b/web/src/lib/components/Header.svelte
@ -162,21 +162,36 @@
                    </Button>
                </DropdownToggle>
                <DropdownMenu end>
-                    <DropdownItem href="/domains/">
+                    <DropdownItem
+                        active={page.route && (page.route.id == "/" || page.route.id == "/domains")}
+                        href="/domains/"
+                    >
                        {$t("menu.my-domains")}
                    </DropdownItem>
-                    <DropdownItem href="/providers/">
+                    <DropdownItem
+                        active={page.route && page.route.id == "/providers"}
+                        href="/providers/"
+                    >
                        {$t("menu.my-providers")}
                    </DropdownItem>
                    <DropdownItem divider />
-                    <DropdownItem href="/providers/features">
+                    <DropdownItem
+                        active={page.route && page.route.id == "/providers/features"}
+                        href="/providers/features"
+                    >
                        {$t("menu.provider-features")}
                    </DropdownItem>
-                    <DropdownItem href="/resolver">
+                    <DropdownItem
+                        active={page.route && page.route.id == "/resolver/[[domain]]"}
+                        href="/resolver"
+                    >
                        {$t("menu.dns-resolver")}
                    </DropdownItem>
                    <DropdownItem divider />
-                    <DropdownItem href="/me">
+                    <DropdownItem
+                        active={page.route && page.route.id == "/me"}
+                        href="/me"
+                    >
                        {$t("menu.my-account")}
                    </DropdownItem>
                    {#if $userSession.email !== "_no_auth"}
--- a/web/src/routes/providers/features/+page.svelte
+++ b/web/src/routes/providers/features/+page.svelte
@ -48,7 +48,7 @@
    {:then providers}
        <Table hover style="overflow-x: auto">
            <thead>
-                <tr class="sticky-top bg-light">
+                <tr class="sticky-top bg-light" style="z-index:0">
                    <th style="background: none">Fournisseurs</th>
                    {#each capabilities as cap}
                        <th
Author	SHA1	Message	Date
Pierre-Olivier Mercier	dab459689e	ui: Active corresponding menu item Some checks are pending continuous-integration/drone/push Build is running Details	2026-01-02 14:21:18 +07:00
Pierre-Olivier Mercier	468cede53e	ui: Ensure menu is still visible on provider's features page	2026-01-02 14:20:32 +07:00