Font Awesome 3 -> 4 was a backwards-incompatible change, so this
update is pretty invasive. I tested everything we use it for and it
still works, though. Including supporting both Font Awesome versions
in battle.js.
The validate button sends the current team and a validation request to the
server. The server will respond with a positive acknowledgement for valid teams,
or else a list of problems (the same list as when seeking a battle).
User and battle count are now buttons! Also, tables for layout,
but to be fair, the data is sort of tabular, and this is
basically the best option for this layout. Flexbox supposedly
fixes this, but we support plenty of browsers that don't
support flexbox, and I'm pragmatic enough to use tables here.
Some wording/layout is changed to look less ugly. This does come
with one major change, though: The team dropdown is now visible
at all times after clicking 'Join', and your selected team will
stay selected throughout the entire tournament.
The teambuilder honestly isn't great in mobile, but since it's
impossible to zoom out in mobile, it's better to start zoomed out
and let the user zoom in, than start zoomed in and not give the
user a choice.
With the tab overflow menu being perfect, I might as well fix the
button that opens it. It used to use default browser styles, which
was mostly fine in OS X but ugly on other systems, and nearly
unusable in iOS. The new one looks lovely on all OSes.
.button styling has been consolidated in CSS, and the tab overflow
menu has been adjusted to use button styling, which is the "more
improvements in the future" mentioned by 69524e935b.
I now declare the tab overflow menu officially out of beta. Now
for the rest of PS!
The Ladder now also uses the new button styling, but it's not out
of beta yet, I just wanted to see how it looked.
- Highlighted messages now span the entire width of the chat.
- Highlighted and personal messages are more vertically centered.
- Links and code are again properly hidden by spoilers
Previously, the userlist would be completely hidden in low
resolutions, but now a user count is displayed in the top left
corner. When clicked, the entire userlist appears.
This is supported on Chrome and Safari (and probably Opera), but
not Firefox because Firefox is too buggy.
(Honestly, every browser's HTML5 drag-and-drop implementation is
super buggy, but Firefox happens to be buggy in a way that makes
this feature semi-impossible.)
This is pretty experimental, but all the bugs I found are worked
out.
While researching how to best implement this, I came across the
famous PPK rant on why HTML5 drag-and-drop sucks:
http://quirksmode.org/blog/archives/2009/09/the_html5_drag.html
A lot of his complaints aren't really a big deal to me, but boy
was he right about browser bugs. Apparently mobile will never
support HTML5 drag-and-drop, either, and there are a lot of
other limitations. Oh well, this is all worth it for an
upcoming planned features: dragging and dropping team files to
and from your desktop.
This adds 1px top and bottom padding to popupmenu's button to match its
hover offset. Necessary because of a bug in Mozilla involving box-sizing
of buttons.
Chat room titles now turn orange and their icon changes when someone
talks in them. This is subtler than the highlight notification, and
should make it easier to keep up with rooms.
This change involves a refactor of the notification system, which
also happens to improve room-switching performance by only running
updateTopbar once instead of 3-5 times like it would before.
For now, battle chat is still at 8pt, but chatroom and PM font
size has been increased to 9pt. Join/leave messages, timestamps,
and user symbols in chat stay at 8pt, and timestamps are now
gray.
