fix: change color of docs menu-item on hover (#312)

Co-authored-by: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
EddieHubCommunity · Mar 6, 2023 · 2117f69 · 2117f69
1 parent 9188a88
commit 2117f69
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/src/lib/components/docs/menu-item.svelte b/src/lib/components/docs/menu-item.svelte
@@ -5,10 +5,13 @@
   $: isActivePage = $page.url.pathname === menuItem.href;
 </script>
 
-<a class:active={isActivePage} href={menuItem.href}>{menuItem.name}</a>
+<a class={isActivePage ? 'text-primary-100  md:font-bold' : 'hover:text-primary-300'}
+ class:active={isActivePage} href={menuItem.href}
+  >{menuItem.name}</a
+>
+
+
+
+
+
 
-<style lang="postcss">
-  .active {
-    @apply text-primary-100;
-  }
-</style>
diff --git a/tests/login.spec.ts b/tests/login.spec.ts
@@ -74,7 +74,7 @@ test.describe('Footer', () => {
     const [popup] = await Promise.all([page.waitForEvent('popup'), githubBtn.click()]);
     await popup.waitForLoadState();
 
-    expect(await popup.url()).toContain('https://github.com/EddieHubCommunity');
+    expect(popup.url()).toContain('https://github.com/EddieHubCommunity');
   });
 
   test('Footer contains a working Discord Link', async ({ page }) => {
@@ -84,9 +84,9 @@ test.describe('Footer', () => {
     // check if the discord icon links to a discord link
     const discordBtn = await page.locator('data-test-id=discord-btn');
     const [popup] = await Promise.all([page.waitForEvent('popup'), discordBtn.click()]);
-    await popup.waitForLoadState();
+    // await popup.waitForLoadState();
 
-    expect(await popup.url()).toContain('https://discord.com/invite/jZQs6Wu');
+    expect(popup.url()).toContain('https://discord.com/invite/jZQs6Wu');
   });
 
   test('Footer contains the theme switcher', async ({ page }) => {