80b61ad79b
* Stop emoji picker header from overlapping tabs * Move emoji picker header above tabs There was also some stuff I could remove because the header will always be visible. * Don't scroll the emoji picker on hover * MM-61611 Fix emoji picker tabs being covered in mobile view * Improve layout of emoji picker and gif picker A lot of the emoji picker was explicitly sized before which made it difficult to make everything responsive in mobile view. Making the emoji picker layout into a flexbox fixed that, but due to the way that it's nested, that was a bit tricky, and it required a couple tricks: 1. The AutoSizer doesn't work if it's placed inside a flexbox container, but you can fix that by putting a div with position: relative in between it and the flexbox parent. That was already the case, but I accidentally removed it while trying to sort out the seemingly excessive nesting. 2. Children of flexbox elements will cause the parent to expand if they don't have min-height/min-width set. That's because the default value for those is 0 outside of flexbox, but it's auto inside of one. This breaks the layout and animation of the skin tone selector in the emoji picker, but that has issues on master as well, so it'll be addressed in the next commit. * Improve and fix opening animation for skin tone selector While this looked worse before in mobile view, it had some weirdness in desktop as well. I ended up rewriting the way that that animation worked so that I could position it correctly in both mobile (where it doesn't cover the input) and desktop (where it does). Notably, that change required: 1. Changing the skin tone selector to wait until its contents are hidden to unmount them so that the position and size could be calculated correctly. 2. Removed the flexbox from the search row and used a margin to make the skin tone button pretend to offset the input. That let us smoothy expand the selector over the input without having the input resize behind it. * Update CSS for positioning emojis and headings in emoji picker
Mattermost is an open source platform for secure collaboration across the entire software development lifecycle. This repo is the primary source for core development on the Mattermost platform; it's written in Go and React and runs as a single Linux binary with MySQL or PostgreSQL. A new compiled version is released under an MIT license every month on the 16th.
Deploy Mattermost on-premises, or try it for free in the cloud.
Learn more about the following use cases with Mattermost:
Other useful resources:
- Download and Install Mattermost - Install, setup, and configure your own Mattermost instance.
- Product documentation - Learn how to run a Mattermost instance and take advantage of all the features.
- Developer documentation - Contribute code to Mattermost or build an integration via APIs, Webhooks, slash commands, Apps, and plugins.
Table of contents
- Install Mattermost
- Native mobile and desktop apps
- Get security bulletins
- Get involved
- Learn more
- License
- Get the latest news
- Contributing
Install Mattermost
- Download and Install Mattermost Self-Hosted - Deploy a Mattermost Self-hosted instance in minutes via Docker, Ubuntu, or tar.
- Get started in the cloud to try Mattermost today.
- Developer machine setup - Follow this guide if you want to write code for Mattermost.
Other install guides:
- Deploy Mattermost on Docker
- Mattermost Omnibus
- Install Mattermost from Tar
- Ubuntu 20.04 LTS
- Kubernetes
- Helm
- Debian Buster
- RHEL 8
- More server install guides
Native mobile and desktop apps
In addition to the web interface, you can also download Mattermost clients for Android, iOS, Windows PC, macOS, and Linux.
Get security bulletins
Receive notifications of critical security updates. The sophistication of online attackers is perpetually increasing. If you're deploying Mattermost it's highly recommended you subscribe to the Mattermost Security Bulletin mailing list for updates on critical security releases.
Get involved
- Contribute to Mattermost
- Find "Help Wanted" projects
- Join Developer Discussion on a Mattermost server for contributors
- Get Help With Mattermost
Learn more
- API options - webhooks, slash commands, drivers, and web service
- See who's using Mattermost
- Browse over 700 Mattermost integrations
License
See the LICENSE file for license rights and limitations.
Get the latest news
- X - Follow Mattermost on X, formerly Twitter.
- Blog - Get the latest updates from the Mattermost blog.
- Facebook - Follow Mattermost on Facebook.
- LinkedIn - Follow Mattermost on LinkedIn.
- Email - Subscribe to our newsletter (1 or 2 per month).
- Mattermost - Join the ~contributors channel on the Mattermost Community Server.
- IRC - Join the #matterbridge channel on Freenode (thanks to matterircd).
- YouTube - Subscribe to Mattermost.
Contributing
Please see CONTRIBUTING.md. Join the Mattermost Contributors server to join community discussions about contributions, development, and more.