vercel / vercel/hyper

Crazy Feature Request: Expand pane on hover

Open
#1,700 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

🛠 Type: Feature Request
Dominant language
TypeScript
Stars
44.7k
Forks
3.6k
Avg merge
21m
Merged PRs (30d)
1

Description

Hello! First off, thank you for building hyper! I love it and use it every day. I have kind of a crazy idea, feel free to disregard...

I generally have a layout like the following, maximized on my laptop display (15" MBP), while I use a monitor for my editor/browser/etc.

+-------------+-------------+
|             |             |
|             +-------------+
|             |             |
|             +-------------+
|             |             |
|             +-------------+
|             |             |
+-------------+-------------+

I have my working terminal on the left, and four running server/build processes on the right. It works great, but it's a little cramped. I was thinking it would be nice to be able to hover over a pane and have it expand a little, so I could see more of the pane without having to manually expand it.

For example, if I hover over the left pane it would do this:

+-----------------+---------+
|                 |         |
|                 +---------+
|                 |         |
|                 +---------+
|                 |         |
|                 +---------+
|                 |         |
+-----------------+---------+

And if I hover over the right top pane, it would do this (though maybe the compressed panes below would be evenly spaced):

+---------+-----------------+
|         |                 |
|         |                 |
|         |                 |
|         +-----------------+
|         |                 |
|         +-----------------+
|         +-----------------+
+---------+-----------------+

Moving the mouse out of the window would restore the original layout:

+-------------+-------------+
|             |             |
|             +-------------+
|             |             |
|             +-------------+
|             |             |
|             +-------------+
|             |             |
+-------------+-------------+

Would anybody else find this useful?

Cheers,
Andrew

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No file, test, or entry point is named in the issue. Start by locating the existing pane layout and pointer-hover handling, then clarify the expansion behavior and layout rules with maintainers; done means an agreed interaction is implemented and its original layout is restored when the pointer leaves the window.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.