cursor[bot] a012af768d [MM-70246] Fix squished author avatar in Content Flagging RHS post preview card (#37972)
* Fix squished author avatar in content flagging RHS post preview card

The author avatar in the post message preview collapsed into a vertical
sliver when the preview was rendered inside a constrained flex container
(the Data Spillage / Content Flagging RHS report card). The avatar column
shares the shrinkable .col__name flex rule (flex: 0 auto; min-width: 0),
so it collapsed and dragged the min-width:0 avatar image down with it.
Pin the avatar column (the .col__name containing .post__img) to its
natural size so the round avatar keeps its correct dimensions.

Co-authored-by: mattermost-code <matty-code@mattermost.com>

* Pin content flagging RHS preview avatar size to prevent squish

The shared avatar rules (img.Avatar { min-width: 0 }) let the profile
image shrink inside constrained flex layouts, so the round avatar in the
content flagging RHS post preview card rendered as a squished sliver.

Pin the preview avatar image to its intended 24px size (min-width +
flex-shrink: 0) and keep its column from shrinking so it always stays
round regardless of available width.

* Remove redundant author-column flex rule in post header

The preview-specific fix (min-width/flex-shrink on the avatar image plus
flex: 0 0 auto on .post__img) already keeps the avatar round in constrained
flex layouts, so the broader .col__name:has(.post__img) rule is no longer
needed. Removing it also keeps the author text column shrinkable.

---------

Co-authored-by: Cursor Agent <cursoragent@cursor.com>
Co-authored-by: mattermost-code <matty-code@mattermost.com>
2026-08-17 09:45:40 +05:30
2026-04-01 13:03:36 +00:00

Mattermost logo

Mattermost is an open core, self-hosted collaboration platform that offers chat, workflow automation, voice calling, screen sharing, and AI integration. This repo is the primary source for core development on the Mattermost platform; it's written in Go and React, runs as a single Linux binary, and relies on 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.

mattermost user interface

Learn more about the following use cases with Mattermost:

Other useful resources:

Table of contents

Install Mattermost

Other 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 Mattermost on Google Play Get Mattermost on the App Store Get Mattermost on Windows PC Get Mattermost on Mac OSX Get Mattermost on 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.

Subscribe here

Get involved

Learn more

License

See the LICENSE file for license rights and limitations.

Get the latest news

Contributing

Small Image

Please see CONTRIBUTING.md. Join the Mattermost Contributors server to join community discussions about contributions, development, and more.

S
Description
Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..
Readme 2.3 GiB
Languages
TypeScript 48.2%
Go 41.4%
JavaScript 5.4%
SCSS 2.6%
HTML 2.1%
Other 0.2%