Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Aesthetic design upgrade #971
I've written a blog post detailing the _why_s and _how_s of these changes:
[Place an '[x]' (no spaces) in all applicable fields. Please remove unrelated fields.]
I wanted to elaborate a bit on the design decisions that were taken for this change. I would split the design changes into the following chunks:
The font change focuses on getting the typography and reading experience right. We've worked on tightening up the line-heights, spacing between posts, bumped up the default font-size, and picked a font that has various weights to help distinguish it better when used in markdown.
The icon change follow suit. The current set of Mattermost icons aren't of consistent weights and our aim was to get the icons that are well-designed, open source, and have a more consistent style. We've also fixed the CSS to be modular so future icon changes can be as simple as a swap.
This, along with the font and icon change, is what elevates the design changes we've made. We've addressed (some of) the problems mentioned in the design challenge. We've made better use of the white space to improve readability (tested this internally at nilenso), we've cleaned up the sidebar, the team sidebar, and a bunch of other changes to make sure the entire experience of using Mattermost/Relay is as enjoyable as possible.
Test instance: https://pr-aesthetic-design-upgrade.relay-chat.com/
Test Admin Account: Username: user-0 | Password: user-0-password
@irrational-pai just a quick one comment, haven't done a full review yet.
@irrational-pai nice contribution and design!
I tried it out by re-building the web-app using relay-ops - I had to make a few modifications to the
I realise it was intended for 4.7.3 but I found two bugs when used on 4.8:
@hwcltjn Glad you liked the changes. The oversized icons in the Mattermost client is something other members of our team have also pointed out. We have some pending bugs before we get to this one but I'll keep you posted on the progress :)
Re: System console issue
I've made a note of this. The issue you're facing is on MM 4.8 or 4.7.3 or both?
Re: Font being crisper
Is there an instance where you've noticed the font rendering not being crisp or sharp?
The system console issue is happening in 4.8 - but it's also happening in your demo link over at https://pr-aesthetic-design-upgrade.relay-chat.com/admin_console/system_analytics which is running 4.7.1 .
Regarding the fonts - I think its a client issue not your theme.