kubernetes-sigs/headlamp

design brainstorm: widescreen / dashboard mode for large screens

Open

#1,835 opened on Mar 21, 2024

View on GitHub
 (8 comments) (0 reactions) (5 assignees)TypeScript (950 forks)auto 404
frontendgood first issuekind/featureneeds design

Repository metrics

Stars
 (6,936 stars)
PR merge metrics
 (PR metrics pending)

Description

This will start as a research issue to gather ideas.

  • It's common for teams to put up a large screen to be used as a dashboard.
  • headlamp supports desktop/tablet/mobile views but not a large screen mode (4k is 3840x2160 pixels)

Some questions about what it could show?

  • multiple resource lists at once in many columns? (mobile views all the way down?)
  • should it be a special URL, or just be responsive?
  • cycle through different views?
  • 8k?, 4k HD Ultra, HD?
  • ...

Cluster home screen

See how there's lots of space at 4k resolution?

cluster home screen at 4k high resolution

List of resources

headlamp at 4x resolution width

Contributor guide

Research direction
Research existing dashboard modes in other Kubernetes UIs and propose ideas for a widescreen mode in Headlamp. Consider responsive design vs separate URL, and how to utilize large screen space.
Tech stack
typescript
Domain
frontend
Issue type
Research
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85