BrowserHack icon indicating copy to clipboard operation
BrowserHack copied to clipboard

Better looking status bar

Open Tenchi2xh opened this issue 9 years ago • 0 comments

Better looking status bar

Designed a better looking status bar with icons, stat hexagon and progress bars.

  • Still uses the same create_highlight_element() method to highlight changes.
  • The icons used are from Font Awesome
  • The code is a bit messy and the overall design was optimized for fullscreen mode (maybe make the name and rank smaller when not fullscreen ?)
  • The icons are quite clear, but maybe could use a hover tooltip like the inventory ?
  • Status lines do not contain the current turn, the corresponding icon was implemented but commented out
  • Some styles are hard coded in the js script

I coded the whole thing by directly modifying a compiled version of the .js file because emscripten would not work on my setup, so it needs some testing maybe!

Also, sorry for the messed up diff, my linter removed a lot of trailing spaces

EDIT:

Forgot to talk about a feature I tried implementing without success: it would look really cool if the player's class tile was displayed left to his name! Also, when not in fullscreen mode, maybe a <br /> tag could be added after the health bars, and the height of the status bar doubled.

Tenchi2xh avatar Aug 14 '15 07:08 Tenchi2xh