Skip to content
This repository was archived by the owner on Oct 16, 2026. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from 4 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/shy-hotels-play.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@rocket.chat/fuselage": minor
---

Add missing message body additional styles to `MessageBody`
50 changes: 46 additions & 4 deletions packages/fuselage/src/components/Message/Messages.styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -226,10 +226,6 @@ $message-highlight-colors-background-other-color: theme(

color: colors.font(default);

& a {
color: $message-link-color;
}

& h1 {
@include typography.use-font-scale(h1);
}
Expand Down Expand Up @@ -292,6 +288,52 @@ $message-highlight-colors-background-other-color: theme(
-webkit-line-clamp: 3;
}
}

& blockquote {
padding-inline: 8px;

border: 1px solid colors.stroke(extra-light);
border-radius: 2px;
background-color: colors.surface(tint);
border-inline-start-color: colors.stroke(medium);

&:hover,
&:focus {
border-color: colors.stroke(light);
background-color: colors.surface(hover);
border-inline-start-color: colors.stroke(medium);
}
}

& ul.task-list {
> li::before {
display: none;
}

> li
> .rcx-check-box
> .rcx-check-box__input:focus
+ .rcx-check-box__fake {
z-index: 1;
}
margin-inline-start: 0;
padding-inline-start: 0;

list-style: none;
}

a {
color: $message-link-color;

&:hover {
text-decoration: underline;
}

&:focus {
border-radius: 2px;
box-shadow: 0 0 0 2px colors.stroke(extra-light-highlight);
}
}
}

&-block {
Expand Down