This restores the old behavior of resetting the unread marker on channel change, as that's usually at this point one wants to check for new messages and is also what matches on the server. I feel this is overall more consistent and useful, and also more in line with what other clients do.
- Transition on the search icon was removed, because why was it even
here?!
- A transition was added to the "Play sound" button
- Transition on the Send button is now consistent with the others
This commit applies the following across the whole style:
- `font` statement is now the same as official FontAwesome CSS
- Ensure icons are never italic or bold or that other variants can be
applied
- Ensure font-size and line-height of icons are inherited from parent
- font-family and font-smoothing is now defined only once
A few (mostly positive) side effects from these and related changes:
- Header icons (main menu, context menu and user list) are now
vertically centered!
- Same applies to the Send icon, but it's more subtle there
- Alignment of the footer icons are shifted a tiny bit
- Server window icons are a wee bit bit bigger to match the server name
font-size
- The "Play sound" icon and text are now both 14px (was 14px / 16px)
Not that it matters (7.9ms->3.8ms), but I figured since I took the time to profile it as a joke I might as well make it a PR. Mobile might have a slight reduction in typing lag from it?
Instead of always sending them back to the very first lobby on the app.
This fixes a bug introduced in recent layout change but does not bring previous behavior back:
When closing active channel, user gets sent to lobby instead of previously visited channel.
On mobile, there is no favicon to toggle, so nothing shows up when a new notification arrives.
This commit changes this by adding a marker on the burger menu icon, visible on all channels
- Move markup around to make the loading page a window of its own
instead of a sub-window of `#chat`
- Remove inline styling in loading page
- Use same styling than other non-messages windows for title and text
- Add a `z-index` to the loading page to hide the message input
- Vertically align the sign in page title with all other titles
- Make sure all `h1.title`s are bottom-margined consistently and remove
negative margin on the Settings page title to align with the Connect
page title (Reverting/Improving this should be done at the `h2` level
instead)
Also:
- Remove burger menu icon on mobile version of sign-in page
- Add the .signed-out class to the initial body instead of only when
sign-in has failed
- Remove hiding connect and logout button icons, which was buggy and is
now useless anyway
