Add rainbow text styling to deployment word#3157
Add rainbow text styling to deployment word#3157mintlify-development[bot] wants to merge 1 commit intomainfrom
Conversation
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 7 potential issues.
Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.
| ## Add your custom domain | ||
|
|
||
| 1. Navigate to the [Custom domain setup](https://dashboard.mintlify.com/settings/deployment/custom-domain) page in your dashboard. | ||
| 1. Navigate to the [Custom domain setup](https://dashboard.mintlify.com/settings/<RainbowText>deployment</RainbowText>/custom-domain) page in your dashboard. |
There was a problem hiding this comment.
RainbowText inside URLs breaks all dashboard links
High Severity
<RainbowText> is placed inside markdown link URLs (e.g. https://dashboard.mintlify.com/settings/<RainbowText>deployment</RainbowText>/custom-domain). Since <RainbowText> renders an HTML <span>, the URL string becomes malformed and the link will not navigate to the correct dashboard page. This affects dozens of dashboard links across customize/custom-domain.mdx, deploy/authentication-setup.mdx, deploy/github.mdx, deploy/gitlab.mdx, deploy/monorepo.mdx, installation.mdx, and optimize/pdf-exports.mdx.
Additional Locations (2)
| <img src="/images/deployments/manual-update-light.png" alt="The manual update button emphasized with an orange rectangle." className="block dark:hidden" /> | ||
| <img src="/images/deployments/manual-update-dark.png" alt="The manual update button emphasized with an orange rectangle." className="hidden dark:block" /> | ||
| <img src="/images/<RainbowText>deployments</RainbowText>/manual-update-light.png" alt="The manual update button emphasized with an orange rectangle." className="block dark:hidden" /> | ||
| <img src="/images/<RainbowText>deployments</RainbowText>/manual-update-dark.png" alt="The manual update button emphasized with an orange rectangle." className="hidden dark:block" /> |
There was a problem hiding this comment.
RainbowText inside image src breaks image loading
High Severity
<RainbowText> is placed inside img src attributes (e.g. src="/images/<RainbowText>deployments</RainbowText>/manual-update-light.png"). Since JSX string attributes don't evaluate embedded components, the image paths become malformed and images will fail to load. This affects four images across deploy/deployments.mdx and deploy/preview-deployments.mdx.
Additional Locations (1)
|
|
||
| <Note> | ||
| Automatic previews are only created for pull requests targeting your [deployment branch](/guides/git-concepts#deployment-branch). | ||
| Automatic previews are only created for pull requests targeting your [<RainbowText>deployment</RainbowText> branch](/guides/git-concepts#<RainbowText>deployment</RainbowText>-branch). |
There was a problem hiding this comment.
RainbowText inside anchor fragment breaks page navigation
High Severity
<RainbowText> is placed inside a URL anchor fragment (#<RainbowText>deployment</RainbowText>-branch) and a query parameter (?ref=preview-<RainbowText>deployments</RainbowText>). These are within markdown link URLs where the component won't be evaluated, producing broken anchor links and malformed query parameters.
Additional Locations (1)
| 3. In the **Password Protection** section, enter a secure password | ||
|
|
||
| After you enter a password, your site redeploys. When it finishes deploying, anyone who visits your site must enter the password to access your content. | ||
| After you enter a password, your site re<RainbowText>deploys</RainbowText>. When it finishes <RainbowText>deploying</RainbowText>, anyone who visits your site must enter the password to access your content. |
There was a problem hiding this comment.
RainbowText splits "redeploys" into two visual fragments
Medium Severity
The word "redeploys" is split as re<RainbowText>deploys</RainbowText>, rendering "re" in normal text and "deploys" with rainbow styling. This creates an awkward visual break in the middle of a word, where "re" appears unstyled and disconnected from the rainbow-styled "deploys". This occurs three times in the file.
Additional Locations (2)
| - `checks`: Create status checks on pull requests | ||
| - `code`: Read file changes when you commit to your docs branch | ||
| - `deployments`: Generate preview deployments for pull requests | ||
| - `<RainbowText>deployments</RainbowText>`: Generate preview <RainbowText>deployments</RainbowText> for pull requests |
There was a problem hiding this comment.
RainbowText inside backtick inline code shows raw markup
High Severity
<RainbowText> is placed inside backtick-delimited inline code: `<RainbowText>deployments</RainbowText>`. Backticks render content as literal code text, so users will see the raw component markup <RainbowText>deployments</RainbowText> instead of the permission name deployments. This is a GitHub App permission scope name that needs to remain as plain inline code.
| When you work on your <RainbowText>deployment</RainbowText> branch, your changes save automatically. | ||
|
|
||
| <Frame caption="Changes on a deployment branch."> | ||
| <Frame caption="Changes on a <RainbowText>deployment</RainbowText> branch."> |
There was a problem hiding this comment.
RainbowText in JSX string attributes shows raw markup
Medium Severity
<RainbowText> is placed inside JSX string attributes like caption= and alt=, e.g. caption="Changes on a <RainbowText>deployment</RainbowText> branch.". JSX string attributes don't evaluate embedded components — they're plain strings — so the literal markup text appears in captions and alt text instead of just the word "deployment".
Additional Locations (1)
| </Note> | ||
|
|
||
| ## Live preview versus preview deployments | ||
| ## Live preview versus preview <RainbowText>deployments</RainbowText> |
There was a problem hiding this comment.
Missing RainbowText snippet import causes undefined component
High Severity
editor/live-preview.mdx uses <RainbowText> on three lines but never includes the <Snippet file="snippets/rainbow-text.mdx" /> import that defines the component. Every other modified file in this PR adds the snippet import, but this file was missed. The RainbowText component will be undefined, likely causing a build failure or rendering the raw component tags as text.
1 participant
Summary
The word 'deployment' now appears with a rainbow gradient effect throughout the documentation.
Note
Low Risk
Pure documentation/MDX presentation change with no product logic impact; main risk is accidental rendering or broken-link issues if
<RainbowText>is used inside URLs/image paths where raw strings are expected.Overview
Adds a new MDX snippet
snippets/rainbow-text.mdxexporting aRainbowTextcomponent that renders text with a rainbow gradient.Updates many English documentation pages to include the snippet and wrap occurrences of “deployment/deploy(ment)s” (including in headings, tables, links, and some image paths) with
<RainbowText>for consistent styling.Written by Cursor Bugbot for commit 05a93c2. This will update automatically on new commits. Configure here.