# [QoL Improvement] Add Hover & Visual Feedback for Buttons in SpikerSoft Stacker #1139

New Issue

2026-09-14T01:48:08Z

enjin2310 commented

2026-09-14 01:48:08 +00:00

Summary

The SpikerSoft Stacker interface lacks hover-based visual feedback on most of its buttons. While the system navigation bar already includes hover effects, the Stacker UI does not, resulting in a flat and less responsive interaction experience. Additionally, some buttons fail to display underline or highlight states correctly.

Issue Description

Across multiple sections of the application (Frames, Stacks, Touch Up, Export, Settings), buttons do not visually react when the user hovers the mouse over them. This makes the UI feel static and reduces clarity about which elements are interactive.
Some buttons also show inconsistent underline behavior, where the underline either does not appear or appears misaligned.

Environment

Property	Value
Application	SpikerSoft Stacker
Module	UI / Interaction
Environment	Production
Operating System	Windows 11
Version	v2026.09.13
Device	Desktop

Preconditions

None — issue occurs regardless of resolution, theme, or configuration.

Steps to Reproduce

Open SpikerSoft Stacker.
Navigate through any section (Frames, Stacks, Touch Up, Export).
Hover the mouse over any button.
Observe the lack of hover feedback or underline inconsistencies.

Expected Result

Buttons should visually react to hover events (color shift, highlight, underline, glow, etc.).
Underline indicators should appear consistently and correctly aligned.
Interactive elements should clearly communicate their interactivity.

Actual Result

No hover feedback on most buttons.
Some buttons show broken or missing underline states.
UI feels static and less intuitive.

Evidence

The screenshot shows multiple buttons without hover feedback.
Underline indicators appear inconsistent across different sections.

Impact

Reduces usability and clarity of interactive elements.
Makes the UI feel less polished and responsive.
Affects accessibility for users who rely on visual cues.
Increases the chance of misclicks or confusion, especially for new users.

Frequency

Always

Reproducibility

100%

Severity

Low (QoL improvement)

Suggested Improvement

Implement consistent hover states across all interactive UI elements:

Add CSS hover effects such as:
- background-color change
- border highlight
- underline animation
- subtle glow or shadow
Ensure underline indicators are properly aligned and visible.
Apply hover feedback to:
- Buttons
- Tabs
- Sidebar items
- Action icons

This would significantly improve UI responsiveness and user experience.

## Summary The **SpikerSoft Stacker** interface lacks hover-based visual feedback on most of its buttons. While the system navigation bar already includes hover effects, the Stacker UI does not, resulting in a flat and less responsive interaction experience. Additionally, some buttons fail to display underline or highlight states correctly. ## Issue Description Across multiple sections of the application (Frames, Stacks, Touch Up, Export, Settings), buttons do not visually react when the user hovers the mouse over them. This makes the UI feel static and reduces clarity about which elements are interactive. Some buttons also show inconsistent underline behavior, where the underline either does not appear or appears misaligned. ## Environment | Property | Value | |-----------|--------| | Application | SpikerSoft Stacker | | Module | UI / Interaction | | Environment | Production | | Operating System | Windows 11 | | Version | v2026.09.13 | | Device | Desktop | ## Preconditions None — issue occurs regardless of resolution, theme, or configuration. ## Steps to Reproduce 1. Open **SpikerSoft Stacker**. 2. Navigate through any section (Frames, Stacks, Touch Up, Export). 3. Hover the mouse over any button. 4. Observe the lack of hover feedback or underline inconsistencies. ## Expected Result - Buttons should visually react to hover events (color shift, highlight, underline, glow, etc.). - Underline indicators should appear consistently and correctly aligned. - Interactive elements should clearly communicate their interactivity. ## Actual Result - No hover feedback on most buttons. - Some buttons show broken or missing underline states. - UI feels static and less intuitive. ## Evidence - The screenshot shows multiple buttons without hover feedback. - Underline indicators appear inconsistent across different sections. ## Impact - Reduces usability and clarity of interactive elements. - Makes the UI feel less polished and responsive. - Affects accessibility for users who rely on visual cues. - Increases the chance of misclicks or confusion, especially for new users. ## Frequency Always ## Reproducibility 100% ## Severity Low (QoL improvement) ## Suggested Improvement Implement consistent hover states across all interactive UI elements: - Add CSS hover effects such as: - background-color change - border highlight - underline animation - subtle glow or shadow - Ensure underline indicators are properly aligned and visible. - Apply hover feedback to: - Buttons - Tabs - Sidebar items - Action icons This would significantly improve UI responsiveness and user experience.

spikerj referenced this issue from a commit

2026-09-20 23:37:59 +00:00

fix(app): give every themed button hover and press feedback

spikerj closed this issue

2026-09-21 00:04:17 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: spikerj/spikersoft-issues#1139