Skip to content

Add row class name for Row component.#26588

Open
linuspahl wants to merge 1 commit into
masterfrom
issue-26481/message-details-scroll
Open

Add row class name for Row component.#26588
linuspahl wants to merge 1 commit into
masterfrom
issue-26481/message-details-scroll

Conversation

@linuspahl

@linuspahl linuspahl commented Jul 6, 2026

Copy link
Copy Markdown
Contributor

Description

Motivation and Context

This PR is a follow-up for #26191. It simple adds a CSS class to the Row component which has been removed, but is still in use in some cases to style the Row component.

For example in the MessageTableEntry component.

.row {
  margin-right: 0;
}

Fixes #26481

/nocl - Fixes a small unreleased UI regression

{ children = undefined, as = undefined, className = undefined, ...rest }: Props,
ref: React.ForwardedRef<HTMLDivElement>,
) => (
<StyledRow ref={ref} as={as} className={`${className ?? ''} row`} {...rest}>

@linuspahl linuspahl Jul 6, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I personally prefer using styled(Row) over

.row {
  margin-right: 0;
}

or even better adding a prop to the Row component to change its appearance.

But since there are already multiple cases where we apply the styling via the row class, it would require a bigger refactoring.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Horizontal scrollbar in message details on search page

2 participants