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

fix(sidebar): restore menu button styles on disabled nav items

Browse Source 
Disabled items were overriding props.class with a custom class string,
stripping the Sidebar.MenuButton's height, padding, and color styles.
Drop the inline class and rely on the existing aria-disabled CSS rules.
This commit is contained in:
Rotimi Best
2026-06-25 23:13:08 +01:00
parent 23dba7392e
commit 87272812f9
1 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/dashboard/src/lib/features/ui/sidebar/org-sidebar/nav-main.svelte
+2 -10
View File
@@ -32,11 +32,7 @@
<HoverableItem>
{#snippet children(isHovered)}
{#if item.disabled}
<span
{...props}
aria-disabled="true"
class="flex cursor-not-allowed items-center gap-2 opacity-50"
>
<span {...props} aria-disabled="true">
{#if item.icon}
{@const Icon = item.icon}
<Icon {isHovered} size={16} class="custom" />
@@ -71,11 +67,7 @@
<HoverableItem>
{#snippet children(isHovered)}
{#if item.disabled}
<span
{...props}
aria-disabled="true"
class="flex cursor-not-allowed items-center gap-2 opacity-50"
>
<span {...props} aria-disabled="true">
{#if item.icon}
{@const Icon = item.icon}
<Icon {isHovered} size={16} class="custom" />