search

LOZORD / xanadu

A game of precarious alliances and breaking fast on honeydew.
Other
21 stars 12 forks source link

Style Scrollbars #49

Open LOZORD opened 8 years ago

LOZORD commented 8 years ago

I've done most of my development on OSX using Chrome, but I recently ran the client in Firefox on Ubuntu and the blatant white scrollbars weren't too sexy. It might be nice to have some sort of coherent, cross-browser styling using this jQuery library. It might even be cool to put a "Page Map" scroller over the client map.

rkakkar7 commented 8 years ago

I was checking this out and the case was reverse for me. It was working fine on Firefox and Chrome had white/default scrollbars. Also, can you point me to the file where you edited the scrollbars since it is my first time working in Typescript and I'm a bit confused,

LOZORD commented 8 years ago

I haven't added in anything that would modify any of the scrollbar styling yet. Basically, the chunky, white scrollbars really detract from the style, so I think a standard (dark & sleek) styling would be nice.

Any client-side TS code is is src/client. HTML and CSS are in assets/client.

Btw, thanks for your help 😄 . Happy to answer any more questions.

rkakkar7 commented 8 years ago

Oh, I'm really sorry, I just realised it was my Gnome theme and it modified Firefox too. The scrollbar fits so perfectly with the design/color-code of the game I thought you had modified it. Haha.

Here take a look: screenshot from 2016-10-03 03 11 21 screenshot from 2016-10-03 03 11 29

I'll try to implement this when I get time. You can assign this issue to me. :)

LOZORD commented 8 years ago

Hmmm, yeah I agree, not the greatest. I have a freaking huge laptop too, which doesn't help with thinking about smaller size screens. I don't like that the logo is that wide. Maybe we should make the text more responsive? Feel free to hack around with the design. I would prefer making text responsive/smaller rather than adding overflowing it to new lines, however.