Can't make hyperline taller or the font larger.

ChristosBouronikos commented 4 years ago

I tried editing the .js file hidden in the local appdata, but still nothing changes.

lastnamearya commented 4 years ago

Yes, +1 :)

rohitkrishna094 commented 4 years ago

any update on how to do this?

ChristosBouronikos commented 4 years ago

No. Not that I know of. I've searched through open issues and old closed issues. Nothing. Are you on Windows 10 too?

rohitkrishna094 commented 4 years ago

Yes I am windows 10.

ChristosBouronikos commented 4 years ago

Well the developer hasn't been active for months apparently, so I don't see this bug being fixed anytime soon.

Sagarmak-zz commented 4 years ago

Hey guys, I have my Hyper installed in directory C:\Users\{username}\AppData\Roaming\Hyper and inside of this, all the Hyper packages are stored in .hyper_plugins folder. Inside its same as a React or Vue project's npm_modules folder and inside of this, you can navigate to hyperline directory. In this folder, go to dist/hyperline.js and its a build file for the hyperline plugin. Go to line no. 197 or find position:absolute; to jump to a line which is the css of the hyperline plugin. Feel free to play around with the font-size, also can change the height of the bar. Do remember to reload the Hyper terminal if you want the changes to reflect.

This is the actual file you'll be updating, hyperline.js

Note: This is not an official way to change the css/design of the plugin, but as you're kinda asking it so here's a solution for you.

Cheers :tada:

ByFe commented 4 years ago

I had a similar issue and just looked up the element class in the npm_modules\hyperline\dist\hyperline.js file and add some custom css in the hyper.js config file so that I didn't mess with the original plugin file.

css: `
  .line.jsx-1196914242 {
    font:normal 12px Fira Code;
  }
`

Sagarmak-zz commented 4 years ago

This works, and its awesome. Thanks @ByFe ✌️

Hyperline / hyperline

Can't make hyperline taller or the font larger. #189