Skip to content
Permalink

Comparing changes

This is a direct comparison between two commits made in this repository or its related repositories. View the default comparison for this range or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: adjust/dev-docs
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: e1b067a6da71c82acade64cd7e91bd91762ed678
Choose a base ref
..
head repository: adjust/dev-docs
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: bafaa77d243a3fa35799cd0ab61cbfe000c18796
Choose a head ref
Showing with 8 additions and 3 deletions.
  1. +6 −1 src/components/Abbr.astro
  2. +1 −1 src/components/Tab.astro
  3. +1 −1 src/content/docs/en/kitchen-sink/typography.mdx
7 changes: 6 additions & 1 deletion src/components/Abbr.astro
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
---
import BuildTooltip from "./atlas/BuildTooltip";
let content = "";
const regex = /(^.*?(?=\())\(([^\)]+)\)/;
@@ -11,4 +13,7 @@ const body = match[1].trim()
const title = match[2]
---

<abbr title={title}>{body}</abbr>
<BuildTooltip client:only="react">
<Fragment set:html={body} name="children" />
<Fragment set:html={title} slot="content" />
</BuildTooltip>
2 changes: 1 addition & 1 deletion src/components/Tab.astro
View file
Original file line number Diff line number Diff line change
@@ -26,5 +26,5 @@ if (Astro.slots.has("default")) {

<div id={uniqueId} class="hidden">
{/* additional div in case of adding styles to the content */}
<div id="tab-content" set:html={content} />
<div id="tab-content" class="mt-4" set:html={content} />
</div>
2 changes: 1 addition & 1 deletion src/content/docs/en/kitchen-sink/typography.mdx
View file
Original file line number Diff line number Diff line change
@@ -104,7 +104,7 @@ Select <MenuSelection>File --> My Profile --> Billing</MenuSelection>

## Abbreviations

Abbreviations can be written using the `<Abbr>` component. This component transforms content written as `${Abbreviation} (${expanded version})` into native HTML [`<abbr>` tags](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr).
Abbreviations can be written using the `<Abbr>` component. This component transforms content written as `${Abbreviation} (${expanded version})` into an [Atlas `Tooltip` component](https://atlas.adeven.com/docs/components/Tooltip).

```mdx
<Abbr>RTBF (Right to be forgotten)</Abbr>