Slight adjustments to URL Preview text sizing (#33282)

* Remove CSS specification of fonts

* Reduce font size

* Remove margin

* Update snaps
This commit is contained in:
Will Hunt
2026-04-24 14:23:35 +00:00
committed by GitHub
parent 15699c557d
commit 4a14e203a5
21 changed files with 13 additions and 16 deletions
@@ -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;
@@ -32,7 +32,7 @@ function LinkTitle({
as="a"
type="body"
weight="semibold"
size="lg"
size="md"
className={styles.title}
href={link}
target="_blank"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"
@@ -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"