Giter Site home page Giter Site logo

jancborchardt / hyperminimal Goto Github PK

View Code? Open in Web Editor NEW
78.0 7.0 8.0 58 KB

:zap: Hyper terminal extension to remove window header

Home Page: https://www.npmjs.com/package/hyperminimal

License: MIT License

JavaScript 100.00%
hyperterm hyper minimal minimalist hyper-terminal

hyperminimal's Introduction

Removes the window header from Hyper terminal for more space and less distraction.

Before & after, minimal & clean interface:

Also works nicely with tabs, as it only removes the extra title bar:

If you like the extension, please retweet & like ❤️ :)

How to use

Add hyperminimal to plugins in ~/.hyper.js.

Ubuntu & Elementary

To move the window, simply hold the Super/Windows key and drag it anywhere with the cursor.

macOS

To move the window, hover over the edge of the window so the resize arrow appears, then drag perpendicular to the direction of the resize arrow. For example, when hovering over the left or right edge, drag vertically instead of horizontally.

Windows

To move the window, make sure Hyper has focus, press Alt+Space+M, then use the keys to move the window and Enter to finalise the position. After pressing an arrow key at least once, the window will also follow your mouse cursor (this is usually faster than holding down arrow keys).

Other recommended plugins

hyperminimal's People

Contributors

gavanitrate avatar jancborchardt avatar net avatar rmurai0610 avatar satya164 avatar ultcombo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

hyperminimal's Issues

[Enhancement Idea] Toggle On/Off

A toggle feature would make it much easier to reposition Hyper on Windows. The alt + space + m workaround is a bit cumbersome & doesn't work very well if the window is maximized.

Titlebar still occupies space after hiding

After hiding the title bar, there's still empty space at the top. Which is useful because you can still grab the window to move around, but it covers any text below it, which means you cannot select the text or do things such as alt+click.

Here is a screenshot which demonstrates the issue:

screenshot 2018-07-20 at 1 32 14 pm

For now, I added the following CSS in my config to remove the extra space so that it doesn't cover any text, but still allows me to move the window around (14px is my top padding):

.tabs_nav {
  height: auto;
  min-height: 14px;
}

But it would be nice if this was done automatically.

Does not work with some themes

Some themes forces header to be added in causing first few line to be hidden behind it (At least on OS X)
(For example hyper-ayu)
screen shot 2016-12-27 at 12 19 16
One way to solve this would be to set
.header_header { display: none }
When there is only one tab open, but this prevents OS X user from being able to move the window.
There is a dirty way of solving this which would be to set
.header_header { background: rgba(0, 0, 0, 0.0) !important}
Which will keep the header (so its still draggable in OS X) and prevents first few line from getting hidden.

Is this repo still alive?

I've modified the code on a repo I forked to allow for dragging the terminal around easier than having to find just the right spot. Especially as this didn't seem to work for me on Ubuntu. If it's still alive I'd love to pass along the code or make a PR (its a super easy fix and only has a few lines of code).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.