ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert active navbar colors to gray

Browse Source
This commit is contained in:
Rotimi Best
2023-08-20 21:28:55 +01:00
parent 81ff909dca
commit 01cd003f7a
6 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Course/components/Navigation/NavExpandable.svelte
+2 -2
View File
@@ -24,13 +24,13 @@
<div class="">
<button
class="item relative flex items-center py-3 px-4 ml-2 mb-1 rounded hover:opacity-80 dark:hover:bg-gray-700 {isGroupActive &&
class="item relative flex items-center py-3 px-4 ml-2 mb-1 rounded hover:bg-gray-200 hover:text-black {isGroupActive &&
NavClasses.active} w-[95%]"
tabindex="0"
on:click={onClick}
>
<NavIcons name={label} />
<span class="dark:text-white font-bold text-md">{label}</span>
<span class="font-bold text-md">{label}</span>
{#if total}
<span class="ml-1">({total})</span>
{/if}
src/lib/components/Course/components/Navigation/NavIcons.svelte
+8 -8
View File
@@ -12,19 +12,19 @@
</script>
{#if name === 'Overview'}
<TableOfContents size={20} class="carbon-icon dark:text-white mr-2" />
<TableOfContents size={20} class="carbon-icon mr-2" />
{:else if name === 'Lessons'}
<IbmWatsonKnowledgeCatalog size={20} class="carbon-icon dark:text-white mr-2" />
<IbmWatsonKnowledgeCatalog size={20} class="carbon-icon mr-2" />
{:else if name === 'Attendance'}
<ListChecked size={20} class="carbon-icon dark:text-white mr-2" />
<ListChecked size={20} class="carbon-icon mr-2" />
{:else if name === 'Submissions'}
<Workspace size={20} class="carbon-icon dark:text-white mr-2" />
<Workspace size={20} class="carbon-icon mr-2" />
{:else if name === 'Marks'}
<Result size={20} class="carbon-icon dark:text-white mr-2" />
<Result size={20} class="carbon-icon mr-2" />
{:else if name === 'People'}
<Group size={20} class="carbon-icon dark:text-white mr-2" />
<Group size={20} class="carbon-icon mr-2" />
{:else if name === 'Landing Page'}
<ApplicationWeb size={20} class="carbon-icon dark:text-white mr-2" />
<ApplicationWeb size={20} class="carbon-icon mr-2" />
{:else if name === 'Certificates'}
<Badge size={20} class="carbon-icon dark:text-white mr-2" />
<Badge size={20} class="carbon-icon mr-2" />
{/if}
src/lib/components/Course/components/Navigation/index.svelte
+1 -1
View File
@@ -197,7 +197,7 @@
aria-disabled={!item.is_unlocked}
>
<div
class="flex items-center py-3 px-4 rounded hover:opacity-80 w-full {(
class="flex items-center py-3 px-4 rounded hover:opacity-80 w-full hover:bg-gray-200 hover:text-black {(
path || $page.url.pathname
).includes(item.id) && NavClasses.active}"
>