Skip to content

Slight adjustments to URL Preview text sizing #33282

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Half-Shot wants to merge 4 commits into
base: develop
Choose a base branch
from
Open

Slight adjustments to URL Preview text sizing #33282

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
0a88a6b
Remove CSS specification of fonts
Half-Shot Apr 23, 2026
535cd92
Reduce font size
Half-Shot Apr 23, 2026
80cd8a6
Remove margin
Half-Shot Apr 23, 2026
125ce9e
Update snaps
Half-Shot Apr 24, 2026
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
Binary file modified apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...t-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/article-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...t-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/default-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...nt-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/social-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...PreviewGroupView/LinkPreview/LinkPreview.stories.tsx/social-with-image-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...iewGroupView/LinkPreview/LinkPreview.stories.tsx/title-and-description-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...ent-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/title-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...ent-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/video-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...iew/LinkPreview/LinkPreview.stories.tsx/with-site-icon-and-description-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-site-icon-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...e/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-tooltip-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...eviewGroupView/LinkPreview/LinkPreview.stories.tsx/with-very-long-text-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...event-tile/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/default-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...viewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-hidden-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...iewGroupView/UrlPreviewGroupView.stories.tsx/multiple-previews-visible-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified .../UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx/with-compact-view-auto.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 0 additions & 3 deletions ...nents/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,14 +97,11 @@ button.preview {
display: inline-block;
line-clamp: 2;
-webkit-line-clamp: 2;
margin: var(--cpd-space-1x) 0;
font-weight: var(--cpd-font-weight-semibold);
color: var(--cpd-color-text-primary);
text-decoration-line: none;
}

.description {
font-size: var(--cpd-font-size-body-lg);
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
Expand Down
2 changes: 1 addition & 1 deletion ...d-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/LinkPreview.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ function LinkTitle({
as="a"
type="body"
weight="semibold"
size="lg"
size="md"
className={styles.title}
href={link}
target="_blank"
Expand Down
8 changes: 4 additions & 4 deletions ...meline/event-tile/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ exports[`LinkPreview > renders a playable preview that can be opened with a clic
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -82,7 +82,7 @@ exports[`LinkPreview > renders a preview 1`] = `
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -117,7 +117,7 @@ exports[`LinkPreview > renders a preview with just a title 1`] = `
class="LinkPreview-module_textContent LinkPreview-module_inline"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -147,7 +147,7 @@ exports[`LinkPreview > renders a preview with just a title and description 1`] =
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down
16 changes: 8 additions & 8 deletions ...m/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ exports[`UrlPreviewGroupView > renders a single preview 1`] = `
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -103,7 +103,7 @@ exports[`UrlPreviewGroupView > renders multiple previews 1`] = `
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -143,7 +143,7 @@ exports[`UrlPreviewGroupView > renders multiple previews 1`] = `
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -183,7 +183,7 @@ exports[`UrlPreviewGroupView > renders multiple previews 1`] = `
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -270,7 +270,7 @@ exports[`UrlPreviewGroupView > renders multiple previews which are hidden 1`] =
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -357,7 +357,7 @@ exports[`UrlPreviewGroupView > renders with a compact view 1`] = `
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -397,7 +397,7 @@ exports[`UrlPreviewGroupView > renders with a compact view 1`] = `
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down Expand Up @@ -437,7 +437,7 @@ exports[`UrlPreviewGroupView > renders with a compact view 1`] = `
class="LinkPreview-module_textContent"
>
<a
class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74 LinkPreview-module_title"
class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 LinkPreview-module_title"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
Expand Down
Loading
⚡