vercel/hyper

Improvement idea: activity "glow"

Open

#536 opened on Aug 1, 2016

View on GitHub
 (5 comments) (3 reactions) (0 assignees)TypeScript (44,582 stars) (3,558 forks)batch import
help wanted🎨 Type: Enhancement

Description

If a tab has an activity marker (becomes green due to output), it'd be cool to make it "glow" (ie: become brighter), when subsequent data events occurs.

Contributor guide

Tech stack
typescriptreactcsselectron
Domain
frontenddesktop
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
React knowledgeCSS animationsFamiliarity with Hyper's tab component
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate how the activity marker (green dot) is currently implemented in Hyper's tab component. Look at files like app/views/tab.tsx or similar. Check if there is a CSS class for activity and consider adding a CSS animation class that toggles brightness or adds a glow effect. Consider using CSS keyframes for a pulsing glow. No linked PRs or comments indicate a clear path.