Hyper: unicode-node css style

Created on 3 Jan 2017  路  6Comments  路  Source: vercel/hyper

  • [x] I am on the latest Hyper.app version
  • [x] I have searched the issues of this repo and believe that this is not a duplicate

Issue

I have a unicode-node style issue: on the left, the actual css rule with unicode-node { display: inline-block; }, on the right, a modified css rule with unicode-node { display: inline; }.
My custom emojis (goat + gust of wind) are better aligned on the right.

Do you think it is a issue on hyper or may it be a issue on another element in my terminal stack (MacOS + hyper + zsh + oh-my-zsh + bullet-train + Powerline font)?

screen shot 2017-01-03 at 16 33 06

Compatibility

Most helpful comment

same result,and unicode-node { display: inline; } works

All 6 comments

same result,and unicode-node { display: inline; } works

Same goes for me, but..

Changing inline-block to inline fixes icons, but the cursor shifts (due to icon widths?).
screen shot 2017-01-06 at 10 53 57

Turning on newline in the prompt makes it bearable. This also makes tmux usable again, see my comment here #1156. As long as you dont split the window vertically
screen shot 2017-01-06 at 11 09 41

I found this to be driving me nuts with the vim plugin airline. everything renders correctly in this terminal except for the trigram for heaven glyph used to display the line numbers at the bottom. You can see what i'm talking about in this other issue for more information. I've attached a screenshot with the css patched for the unicode node so you can see what i'm referring to.

broken:
screen shot 2017-01-09 at 1 46 29 am

patched:
screen shot 2017-01-09 at 1 47 09 am

If i might ask. Where are you guys setting this in your .hyper.js file? So far I have tried setting it in css and termCss but neither has worked, if i change it from the dev console it does work however

@schmittyjd
this will be work, but I don't know why it will not working after i use this hyperterm-retro plugin

termCSS: `
  span.wc-node.unicode-node {
    display: inline;
  }
`

I close the issue because new versions are out and if there is still an issue, someone will reopen it.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

anthonyettinger picture anthonyettinger  路  3Comments

dbkaplun picture dbkaplun  路  3Comments

daenuprobst picture daenuprobst  路  3Comments

rauchg picture rauchg  路  3Comments

alejandrofloresm picture alejandrofloresm  路  3Comments