Dashboard: Episodes widget not clickable, missing cursor-pointer CSS #50

New issue

Closed

opened 2026-01-18 21:35:11 +00:00 by joezombie · 0 comments

joezombie commented

2026-01-18 21:35:11 +00:00

(Migrated from github.com)

Description

On the Dashboard (/), the Feeds and Downloads widgets are clickable, but the Server Status and Episodes widgets are not. Additionally, the cursor-pointer CSS class is used but not defined.

Analysis

Dashboard.razor (lines 14-59)

Clickable widgets (have onclick and cursor-pointer):

Feeds widget (line 27): Class="pa-4 cursor-pointer" @onclick="GoToFeeds"
Downloads widget (line 49): Class="pa-4 cursor-pointer" @onclick="GoToDownloads"

Non-clickable widgets (missing both):

Server Status widget (line 15): Class="pa-4" - No onclick
Episodes widget (line 38): Class="pa-4" - No onclick

Missing CSS

wwwroot/css/app.css does not define the .cursor-pointer class, so even clickable widgets don't show pointer cursor.

Files

Components/Pages/Dashboard.razor:14-59 - Widget definitions
wwwroot/css/app.css - Missing cursor-pointer class

Steps to Fix

Add to app.css:

.cursor-pointer {
    cursor: pointer;
}

Add onclick to Episodes widget that navigates to feeds page (since episodes are per-feed)
Server Status widget could remain non-clickable (no dedicated status page)

Acceptance Criteria

Cursor changes to pointer on hovering clickable widgets
Clicking Episodes widget navigates to /feeds
All interactive elements have visual feedback

## Description On the Dashboard (`/`), the Feeds and Downloads widgets are clickable, but the Server Status and Episodes widgets are not. Additionally, the `cursor-pointer` CSS class is used but not defined. ## Analysis ### Dashboard.razor (lines 14-59) **Clickable widgets (have onclick and cursor-pointer):** - Feeds widget (line 27): `Class="pa-4 cursor-pointer" @onclick="GoToFeeds"` - Downloads widget (line 49): `Class="pa-4 cursor-pointer" @onclick="GoToDownloads"` **Non-clickable widgets (missing both):** - Server Status widget (line 15): `Class="pa-4"` - No onclick - Episodes widget (line 38): `Class="pa-4"` - No onclick ### Missing CSS `wwwroot/css/app.css` does not define the `.cursor-pointer` class, so even clickable widgets don't show pointer cursor. ## Files - `Components/Pages/Dashboard.razor:14-59` - Widget definitions - `wwwroot/css/app.css` - Missing cursor-pointer class ## Steps to Fix 1. Add to `app.css`: ```css .cursor-pointer { cursor: pointer; } ``` 2. Add onclick to Episodes widget that navigates to feeds page (since episodes are per-feed) 3. Server Status widget could remain non-clickable (no dedicated status page) ## Acceptance Criteria - [ ] Cursor changes to pointer on hovering clickable widgets - [ ] Clicking Episodes widget navigates to `/feeds` - [ ] All interactive elements have visual feedback

👀 1