- 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