From cee327a8be9e29a088c934eb7021450a3c4f03b7 Mon Sep 17 00:00:00 2001 From: Andy Stark Date: Fri, 2 Oct 2026 14:18:03 +0100 Subject: [PATCH 1/2] DOC-7128 icons-1: render inline UI icons as Markdown images sized by CSS UI button icons (the #no-click images inside sentences and table cells) were the last image shortcodes the codemod couldn't convert, because Goldmark has no inline attribute syntax to carry their width and class. They now become plain inline Markdown images. render-image.html marks an inline local image img-inline, and one CSS rule sizes it to the surrounding text. This commit adds that mechanism, a --inline-icons codemod mode, the AGENTS.md rule for writing icons, and converts 67 icons in rc/, unversioned rs/, rs/8.0/, and embeds/. The size was tuned in a browser trial with Andy: 1.2em and 1.4em were too small, and 1.5em matched the most common old widths (22-25px). At 1.5em a 24px icon grew its 24px line by 1px, so the rule adds margin: -0.1em 0. The old shortcode icons picked up prose img margins that padded every line or table row holding an icon to 85-104px. The new rule's margin removes that, so icon steps now line up with their neighbors. Two scoping traps. An image alone in a table cell reaches the hook with IsBlock true, the same as a standalone paragraph image, so the hook can't mark it. Cells are matched in CSS by td img[src*="#no-click"] instead. The rule can't be keyed on #no-click alone, though, because 20 standalone #no-click screenshots (a REST API diagram among them) would shrink to text height. The codemod mode converts only #no-click images that aren't their own paragraph, and leaves 35 inline screenshots and 8 info-icon images without #no-click alone. Verified under the production baseURL: every changed image keeps its src, loses its width, gains img-inline (or no class, in a table cell), and keeps its alt or loses only emphasis markers. No image without #no-click gained the class. A scripted browser pass over all 42 affected pages found all 62 rendered icons at exactly 1.5x their text size, and every single-line block at its normal line height. The other 5 icons are in dead embeds that nothing includes. Learned: an image alone in a table cell reaches the image hook with IsBlock true, so cell icons are sized in CSS by td img[src*="#no-click"] Constraint: the icon CSS must not match on #no-click alone; standalone #no-click screenshots would shrink to text height Constraint: --inline-icons converts only #no-click images; inline screenshots without it must stay full size Rejected: 1.2em and 1.4em icon heights | too small in a browser trial with Andy Directive: write a new UI icon as an inline image with #no-click and no attributes; never give a screenshot #no-click inside a sentence Gaps: create-db.md and tls-configuration-procedure.md are included nowhere, so their 5 icons could not be render-verified Ticket: DOC-7128 Co-Authored-By: Claude Opus 5.5 --- AGENTS.md | 3 + assets/css/index.css | 11 +++ build/migrate_image_shortcodes.py | 81 ++++++++++++++++++- content/embeds/create-db.md | 2 +- content/embeds/tls-configuration-procedure.md | 8 +- .../rc/api/get-started/manage-api-keys.md | 4 +- content/operate/rc/changelog/april-2025.md | 4 +- .../create-active-active-database.md | 2 +- .../create-pro-database-new.md | 2 +- content/operate/rc/databases/tag-database.md | 4 +- .../rc/databases/view-edit-database.md | 2 +- .../operate/rc/logs-reports/system-logs.md | 2 +- content/operate/rc/rc-quickstart.md | 2 +- .../access-control/access-management.md | 8 +- .../access-control/saml-sso/_index.md | 4 +- .../subscription-whitelist.md | 2 +- .../rc/subscriptions/view-pro-subscription.md | 4 +- content/operate/rs/8.0/clusters/add-node.md | 2 +- .../operate/rs/8.0/clusters/remove-node.md | 2 +- .../operate/rs/8.0/clusters/replace-node.md | 2 +- .../rs/8.0/databases/active-active/manage.md | 2 +- .../rs/8.0/databases/configure/db-defaults.md | 2 +- .../rs/8.0/databases/configure/db-tags.md | 2 +- .../rs/8.0/databases/configure/db-upgrade.md | 2 +- content/operate/rs/8.0/databases/delete.md | 2 +- .../databases/import-export/export-data.md | 2 +- .../rs/8.0/databases/import-export/flush.md | 2 +- .../databases/import-export/import-data.md | 2 +- .../import-export/replica-of/create.md | 2 +- .../upgrading/upgrade-database.md | 2 +- .../rs/8.0/references/compatibility/resp.md | 2 +- .../encryption/internode-encryption.md | 2 +- content/operate/rs/clusters/add-node.md | 2 +- content/operate/rs/clusters/remove-node.md | 2 +- content/operate/rs/clusters/replace-node.md | 2 +- .../rs/databases/active-active/manage.md | 2 +- .../rs/databases/configure/db-defaults.md | 2 +- .../operate/rs/databases/configure/db-tags.md | 2 +- .../rs/databases/configure/db-upgrade.md | 2 +- content/operate/rs/databases/delete.md | 2 +- .../rs/databases/import-export/export-data.md | 2 +- .../rs/databases/import-export/flush.md | 2 +- .../rs/databases/import-export/import-data.md | 2 +- .../import-export/replica-of/create.md | 2 +- .../upgrading/upgrade-database.md | 2 +- .../rs/references/compatibility/resp.md | 2 +- .../encryption/internode-encryption.md | 2 +- layouts/_default/_markup/render-image.html | 7 +- 48 files changed, 152 insertions(+), 60 deletions(-) diff --git a/AGENTS.md b/AGENTS.md index 730f607ff1..8b7fdc6865 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -66,6 +66,9 @@ around a literal, rewrite the sentence. `{width="..." class="..."}` line directly after an image that is its own paragraph. Paths are site-root (files live in `static/images/`). Never use a raw `` with a relative `../` path: it breaks when the page is copied into a version snapshot. + A UI icon inside a sentence or table cell is an inline image with `#no-click` and no + attributes, `Select ![Delete](/images/rs/icons/delete-icon.png#no-click) **Delete**`; + CSS sizes it to the text. Screenshots are always their own paragraph. - **Preserve shortcodes, frontmatter, and code fences verbatim.** Do not reformat them. - **Frontmatter**: copy the shape from a sibling page in the same directory rather than composing one. `title` and `linkTitle` are effectively universal; `description`, diff --git a/assets/css/index.css b/assets/css/index.css index 7ec365c0c0..2873de8615 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -1232,6 +1232,17 @@ a[href*="#no-click"], img[src*="#no-click"] { @apply border-none cursor-default pointer-events-none no-underline; } +/* Icons in running text scale with it. render-image.html marks them img-inline, but an + image alone in a table cell reaches the hook as a block image, so cells match on #no-click. */ +img.img-inline, td img[src*="#no-click"] { + display: inline; + height: 1.5em; + width: auto; + vertical-align: middle; + /* Negative block margins stop a 1.5em icon from making its line taller. */ + margin: -0.1em 0; +} + /* Version selector in side menu */ .menu__version-selector { float: right; diff --git a/build/migrate_image_shortcodes.py b/build/migrate_image_shortcodes.py index 3e991983a8..f13d9d6cbc 100644 --- a/build/migrate_image_shortcodes.py +++ b/build/migrate_image_shortcodes.py @@ -22,8 +22,15 @@ snapshots, which publish one directory deeper than the page they were copied from. +With --inline-icons, converts `#no-click` icon shortcodes that are NOT their +own paragraph (in a sentence, a table cell, or several to a line) to inline +Markdown images, `![Alt](/images/x.png#no-click)`. Their width and class are +dropped: render-image.html marks inline images img-inline, and CSS sizes them +to the text. An image without #no-click is left alone, because inline sizing +would shrink a screenshot to text height. + Usage: - build/migrate_image_shortcodes.py [--dry-run] [--raw-img] ... + build/migrate_image_shortcodes.py [--dry-run] [--raw-img | --inline-icons] ... Prints one line per skipped shortcode and a summary. Idempotent. """ @@ -144,15 +151,81 @@ def skip(reason): open(path, "w", encoding="utf-8", newline="").write("\n".join(out)) +def convert_inline_icons(path, dry_run, skips, counts): + text = open(path, encoding="utf-8", newline="").read() + lines = text.split("\n") + changed = False + fence = None + for i, line in enumerate(lines): + fm = re.match(r'(?:[ \t>]*)(`{3,}|~{3,})', line) + if fm: + marker = fm.group(1) + if fence is None: + fence = marker[0] + elif marker[0] == fence: + fence = None + continue + if fence or "image" not in line: + continue + matches = list(SHORTCODE_RX.finditer(line)) + if not matches: + continue + where = f"{os.path.relpath(path, REPO)}:{i + 1}" + prefix = PREFIX_RX.match(line).group(1) + alone = (len(matches) == 1 and not line[len(prefix):matches[0].start()].strip() + and not line[matches[0].end():].strip()) + if alone and (i == 0 or is_boundary(lines[i - 1])) and ( + i == len(lines) - 1 or is_boundary(lines[i + 1])): + continue # its own paragraph: a block image, for the default mode + + def repl(m): + attrs = {k: q if q or not u else u for k, q, u in ATTR_RX.findall(m.group(1))} + leftover = ATTR_RX.sub("", m.group(1)).strip() + fname, alt = attrs.get("filename", ""), attrs.get("alt", "") + reason = None + if "#no-click" not in fname: + reason = "no #no-click (not an icon)" + elif leftover or set(attrs) - KNOWN_KEYS: + reason = "unparsed attributes" + elif UNSAFE_ALT_RX.search(alt): + reason = "alt text needs escaping" + elif UNSAFE_PATH_RX.search(fname): + reason = "path needs escaping" + rel = re.sub(r'^(?:\.{1,2}/|/)+', "", fname) + if not reason and not os.path.isfile(os.path.join(REPO, "static", rel.split("#")[0])): + reason = "file not in static/" + if reason: + skips.append(f"{where}: {reason}: {m.group(0)[:140]}") + counts["skipped:" + reason] += 1 + return m.group(0) + counts["converted"] += 1 + if "width" in attrs: + counts["width dropped (CSS sizes icons)"] += 1 + return f"![{alt}](/{rel})" + + new = SHORTCODE_RX.sub(repl, line) + if new != line: + lines[i] = new + changed = True + if changed: + counts["files changed"] += 1 + if not dry_run: + open(path, "w", encoding="utf-8", newline="").write("\n".join(lines)) + + def main(argv): dry_run = "--dry-run" in argv raw_img = "--raw-img" in argv - files = [a for a in argv if a not in ("--dry-run", "--raw-img")] - if not files: + inline_icons = "--inline-icons" in argv + files = [a for a in argv if a not in ("--dry-run", "--raw-img", "--inline-icons")] + if not files or (raw_img and inline_icons): sys.exit(__doc__) skips, counts = [], collections.Counter() for f in files: - convert_file(f, dry_run, skips, counts, raw_img) + if inline_icons: + convert_inline_icons(f, dry_run, skips, counts) + else: + convert_file(f, dry_run, skips, counts, raw_img) for s in skips: print("SKIP", s) for k, v in sorted(counts.items()): diff --git a/content/embeds/create-db.md b/content/embeds/create-db.md index f39f74dccf..556ad2e344 100644 --- a/content/embeds/create-db.md +++ b/content/embeds/create-db.md @@ -4,6 +4,6 @@ By default, the address is: `https://:8443` -1. In **databases**, click {{< image filename="/images/rs/icon_add.png#no-click" alt="Add" >}}. +1. In **databases**, click ![Add](/images/rs/icon_add.png#no-click). If you do not have any databases on the node, you are prompted to create a database. \ No newline at end of file diff --git a/content/embeds/tls-configuration-procedure.md b/content/embeds/tls-configuration-procedure.md index 8f96f2b593..40f1c58bcc 100644 --- a/content/embeds/tls-configuration-procedure.md +++ b/content/embeds/tls-configuration-procedure.md @@ -32,14 +32,14 @@ To enable TLS for Replica Of communication only on the source database: 1. In the syncer certificates box, copy the full text of the certificate to the Clipboard. 1. Select the **Add** button to open the certificate dialog. - {{< image filename="/images/rs/icon_add.png#no-click" alt="Add button" >}} + ![Add button](/images/rs/icon_add.png#no-click) {{< image filename="/images/rs/database-tls-replica-certs.png" alt="Database TLS Configuration" >}} 1. Enter the copied certificate text into the text box below the **Enforce client authentication** checkbox. 1. Use the **Save** button to save the certificates. - {{< image filename="/images/rs/icon_save.png#no-click" alt="Save button" >}} + ![Save button](/images/rs/icon_save.png#no-click) You can also clear **Enforce client authentication** so that all clusters or clients can connect to your database without authentication. @@ -76,13 +76,13 @@ To enable TLS for Replica Of and client communication on the source database: 1. In the syncer certificates box, copy the full text of the certificate to the Clipboard. 1. Use the **Add** button to open the certificate dialog. - {{< image filename="/images/rs/icon_add.png#no-click" alt="Add button" >}} + ![Add button](/images/rs/icon_add.png#no-click) {{< image filename="/images/rs/database-tls-replica-certs.png" alt="Database TLS Configuration" >}} 1. Enter the copied certificate text into the text box below the **Enforce client authentication** checkbox. 1. Use the **Save** button to save your changes. - {{< image filename="/images/rs/icon_save.png#no-click" alt="Save button" >}} + ![Save button](/images/rs/icon_save.png#no-click) You can also clear the **Enforce client authentication** checkbox to allow client connections without authentication. diff --git a/content/operate/rc/api/get-started/manage-api-keys.md b/content/operate/rc/api/get-started/manage-api-keys.md index 3087e824c0..e522da6a39 100644 --- a/content/operate/rc/api/get-started/manage-api-keys.md +++ b/content/operate/rc/api/get-started/manage-api-keys.md @@ -34,7 +34,7 @@ The **API account key** is used as the value of the `x-api-key` HTTP header in o By default, the **API account key** is masked; that is, it is obscured for security reasons. You can use the **Show** button to display the key and the **Hide** button to mask it. -{{The **Show** button displays the account key.}}   {{The **Hide** button masks the account key.}} +![The **Show** button displays the account key.](/images/rc/button-access-management-show-key.png#no-click)   ![The **Hide** button masks the account key.](/images/rc/button-access-management-hide-key.png#no-click) The **Copy** button copies the account key to the Clipboard. @@ -125,4 +125,4 @@ To manage the CIDR allow list: Use the **Edit** button to change the address for a rule or the **Delete button** to remove a rule. - {{Use the **Edit** button to change the address for a CIDR allow list rule.}}   {{Use the **Delete** button to remove an address from the CIDR allow list.}} + ![Use the **Edit** button to change the address for a CIDR allow list rule.](/images/rc/icon-edit.png#no-click)   ![Use the **Delete** button to remove an address from the CIDR allow list.](/images/rc/icon-delete-teal.png#no-click) diff --git a/content/operate/rc/changelog/april-2025.md b/content/operate/rc/changelog/april-2025.md index d1db99009b..8df17fc733 100644 --- a/content/operate/rc/changelog/april-2025.md +++ b/content/operate/rc/changelog/april-2025.md @@ -20,8 +20,8 @@ weight: 76 The Redis Cloud console has a refreshed user interface! You can now choose between light mode and dark mode when using the Redis Cloud console. -{{Mode selection toggle with light mode selected.}}  -{{Mode selection toggle with dark mode selected.}} +![Mode selection toggle with light mode selected.](/images/rc/mode-select-light.png#no-click)  +![Mode selection toggle with dark mode selected.](/images/rc/mode-select-dark.png#no-click) The new user interface and dark mode are currently available for selected accounts and will be gradually rolled out to new accounts over time. diff --git a/content/operate/rc/databases/active-active/create-active-active-database.md b/content/operate/rc/databases/active-active/create-active-active-database.md index 3e43b267c9..869aa9d172 100644 --- a/content/operate/rc/databases/active-active/create-active-active-database.md +++ b/content/operate/rc/databases/active-active/create-active-active-database.md @@ -300,7 +300,7 @@ Use the **Add database** button to define additional databases or select the **C Hover over a database to see the **Edit** and **Delete** icons. You can use the **Edit** icon to change a database or the **Delete** icon to remove a database from the list. -{{Use the Edit button to change database settings.}} {{Use the Delete button to remove a database.}} +![Use the Edit button to change database settings.](/images/rc/icon-edit.png#no-click) ![Use the Delete button to remove a database.](/images/rc/icon-delete-lb.png#no-click) ### Review and Create tab diff --git a/content/operate/rc/databases/create-database/create-pro-database-new.md b/content/operate/rc/databases/create-database/create-pro-database-new.md index bc1ec81cb9..a6ffdfe372 100644 --- a/content/operate/rc/databases/create-database/create-pro-database-new.md +++ b/content/operate/rc/databases/create-database/create-pro-database-new.md @@ -195,7 +195,7 @@ Use the **Add database** button to define additional databases or select the **C Hover over a database to see the **Edit** and **Delete** icons. You can use the **Edit** icon to change a database or the **Delete** icon to remove a database from the list. -{{Use the Edit button to change database settings.}} {{Use the Delete button to remove a database.}} +![Use the Edit button to change database settings.](/images/rc/icon-edit.png#no-click) ![Use the Delete button to remove a database.](/images/rc/icon-delete-lb.png#no-click) ### Review and Create tab diff --git a/content/operate/rc/databases/tag-database.md b/content/operate/rc/databases/tag-database.md index 9d158f2149..c289d461a1 100644 --- a/content/operate/rc/databases/tag-database.md +++ b/content/operate/rc/databases/tag-database.md @@ -42,8 +42,8 @@ To get to the database list, select **Databases** from the main menu. Hover over the database and select **Manage tags**, or select **More actions** > **Manage tags** to open the [tag manager](#tag-manager). -{{Manage tags button.}} -{{More actions button.}} +![Manage tags button.](/images/rc/tags-icon-manage-tags.png#no-click) +![More actions button.](/images/rc/tags-icon-more-actions.png#no-click) ### Use the tag manager {#tag-manager} diff --git a/content/operate/rc/databases/view-edit-database.md b/content/operate/rc/databases/view-edit-database.md index 740dc43221..5af5316f4e 100644 --- a/content/operate/rc/databases/view-edit-database.md +++ b/content/operate/rc/databases/view-edit-database.md @@ -272,7 +272,7 @@ You can: - Sort the list in descending or ascending order using the arrow displayed to right of the field name in the header. Supported fields include **Subscription**, **Database name**, **Memory usage**, and **Version**. - {{Use the arrows in the list header to sort the list.}} {{The direction of the arrow corresponds to the direction of the sort.}} + ![Use the arrows in the list header to sort the list.](/images/rc/icon-list-sort-asc.png#no-click) ![The direction of the arrow corresponds to the direction of the sort.](/images/rc/icon-list-sort-desc.png#no-click) Select the arrow icon to change the sort order. One sort order can be active at any given time. diff --git a/content/operate/rc/logs-reports/system-logs.md b/content/operate/rc/logs-reports/system-logs.md index 0e5ef9ae80..f319da3fd6 100644 --- a/content/operate/rc/logs-reports/system-logs.md +++ b/content/operate/rc/logs-reports/system-logs.md @@ -18,7 +18,7 @@ You can: * Sort the list by a specific field in descending or ascending order. Supported fields include *Time*, *Originator*, *Database name*, *API key name*, and *Activity*. - {{Use the arrows in the list header to sort the list.}} {{The direction of the arrow corresponds to the direction of the sort.}} + ![Use the arrows in the list header to sort the list.](/images/rc/icon-list-sort-asc.png#no-click) ![The direction of the arrow corresponds to the direction of the sort.](/images/rc/icon-list-sort-desc.png#no-click) Select the arrow icon to change the sort order. You can only sort by one field at a time. diff --git a/content/operate/rc/rc-quickstart.md b/content/operate/rc/rc-quickstart.md index 9b334d2f0b..ea5b1d9b6c 100644 --- a/content/operate/rc/rc-quickstart.md +++ b/content/operate/rc/rc-quickstart.md @@ -64,7 +64,7 @@ To create a new account with a free database: 1. In the upper corner, an icon shows the current status of the database. If the icon shows an orange clock, this means your database is still being created and its status is _pending_. - {{< image filename="/images/rc/icon-database-update-status-pending.png#no-click" alt="Pending database status" class="inline" width="30px" >}} {{< image filename="/images/rc/icon-database-status-active.png#no-click" alt="Active database status" class="inline" width="30px">}} + ![Pending database status](/images/rc/icon-database-update-status-pending.png#no-click) ![Active database status](/images/rc/icon-database-status-active.png#no-click) Once the database has been created, it becomes _active_ and the status indicator switches to a green circle containing a checkmark. diff --git a/content/operate/rc/security/access-control/access-management.md b/content/operate/rc/security/access-control/access-management.md index ea0cdaa7bd..04d754004c 100644 --- a/content/operate/rc/security/access-control/access-management.md +++ b/content/operate/rc/security/access-control/access-management.md @@ -32,10 +32,10 @@ The list includes several buttons and icons to help you manage the list: | Icon | Description | |------|-------------| -| {{Use the Add button to add members to your team.}} | The **Add** button lets you add members to your team | -| {{Use the Edit button change details for a team member.}} | The **Edit** button lets you edit the settings for the selected team member | -| {{Use the Delete button to remove a member from your team.}} | The **Delete** button lets you remove members from your team -| {{The Sort ascending button displays members in ascending order according to the values of the selected field.}}{{The Sort descending button displays members in descending order according to the values of the selected field.}} | The **Sort ascending** and **Sort descending** icons display the list according to the selected order | +| ![Use the Add button to add members to your team.](/images/rc/icon-add.png#no-click) | The **Add** button lets you add members to your team | +| ![Use the Edit button change details for a team member.](/images/rc/icon-edit.png#no-click) | The **Edit** button lets you edit the settings for the selected team member | +| ![Use the Delete button to remove a member from your team.](/images/rc/icon-delete-teal.png#no-click) | The **Delete** button lets you remove members from your team +| ![The Sort ascending button displays members in ascending order according to the values of the selected field.](/images/rc/icon-list-sort-asc.png#no-click)![The Sort descending button displays members in descending order according to the values of the selected field.](/images/rc/icon-list-sort-desc.png#no-click) | The **Sort ascending** and **Sort descending** icons display the list according to the selected order | You can also use the list search to find a specific user or filter by **Role**, **User Type**, or **Options**. diff --git a/content/operate/rc/security/access-control/saml-sso/_index.md b/content/operate/rc/security/access-control/saml-sso/_index.md index 37d6cad652..c8fd421917 100644 --- a/content/operate/rc/security/access-control/saml-sso/_index.md +++ b/content/operate/rc/security/access-control/saml-sso/_index.md @@ -105,7 +105,7 @@ Before you set up SAML SSO in Redis Cloud, you must verify that you own the doma ![Add domain button](/images/rc/saml-button-add-domain.png) {width="120px"} -1. Enter the domain name and select {{Confirm domain}} to save it, or select {{Cancel}} to cancel. +1. Enter the domain name and select ![Confirm domain](/images/rc/saml-button-confirm.png#no-click) to save it, or select ![Cancel](/images/rc/saml-button-cancel.png#no-click) to cancel. ![Enter domain name in the Domain field.](/images/rc/saml-enter-domain.png) {width="80%"} @@ -117,7 +117,7 @@ Before you set up SAML SSO in Redis Cloud, you must verify that you own the doma We'll check the domain's DNS records for the provided TXT record. If the TXT record does not exist or we can't resolve your domain, we won't be able to verify the domain and users with that domain won't be able to sign in using SAML SSO. - Select {{delete domain}} to delete a domain if it was added by mistake. + Select ![delete domain](/images/rc/icon-delete-teal.png#no-click) to delete a domain if it was added by mistake. If we find the TXT record, the domain's status will change to **Verified**. diff --git a/content/operate/rc/subscriptions/bring-your-own-cloud/subscription-whitelist.md b/content/operate/rc/subscriptions/bring-your-own-cloud/subscription-whitelist.md index 28934482df..cab6111abc 100644 --- a/content/operate/rc/subscriptions/bring-your-own-cloud/subscription-whitelist.md +++ b/content/operate/rc/subscriptions/bring-your-own-cloud/subscription-whitelist.md @@ -64,7 +64,7 @@ To add IP addresses or [AWS security groups](https://docs.aws.amazon.com/managed You can also select the **Edit** button to change an entry or the **Delete** button to remove it. - {{The Edit button updates an entry in the allow list.}} {{The Delete button removes an entry from the allow list.}} + ![The Edit button updates an entry in the allow list.](/images/rc/icon-edit.png#no-click) ![The Delete button removes an entry from the allow list.](/images/rc/icon-delete-lb.png#no-click) 1. Select **Apply all changes** to apply the allow list updates. diff --git a/content/operate/rc/subscriptions/view-pro-subscription.md b/content/operate/rc/subscriptions/view-pro-subscription.md index 7267caee7b..e400a56c47 100644 --- a/content/operate/rc/subscriptions/view-pro-subscription.md +++ b/content/operate/rc/subscriptions/view-pro-subscription.md @@ -33,7 +33,7 @@ From here, you can: - View the Status icon to learn the status of your subscription. Active subscriptions display a green circle with a check mark. Pending subscriptions display an animated yellow circle. - {{When a subscription is active, the status icon displays a green circle with a checkmark.}}   {{When a subscription is pending, the status icon displays a gre, animated circle.}} + ![When a subscription is active, the status icon displays a green circle with a checkmark.](/images/rc/icon-database-status-active.png#no-click)   ![When a subscription is pending, the status icon displays a gre, animated circle.](/images/rc/icon-subscription-status-pending.png#no-click) Because subscriptions represent active deployments, there aren't many details you can change. If your needs change, [create a new subscription](/content/operate/rc/databases/create-database/create-pro-database-new.md) and then [migrate the existing data](/content/operate/rc/databases/migrate-databases.md) to the new databases. @@ -63,7 +63,7 @@ The following details are provided: | Detail | Description | |:---------|:--------------| -| **Status** | An icon indicating whether the database is active (a green circle) or pending (yellow circle)
{{Active status is indicated by a teal circle.}} {{Pending status is indicated by a yellow circle.}} | +| **Status** | An icon indicating whether the database is active (a green circle) or pending (yellow circle)
![Active status is indicated by a teal circle.](/images/rc/icon-database-detail-status-active.png#no-click) ![Pending status is indicated by a yellow circle.](/images/rc/icon-database-detail-status-pending.png#no-click) | | **Name** | The database name | | **Endpoint** | Use the **Copy** button to copy the endpoint URI to the Clipboard | | **Memory** | Memory size of the database, showing the current size and the maximum size | diff --git a/content/operate/rs/8.0/clusters/add-node.md b/content/operate/rs/8.0/clusters/add-node.md index c9ed33c090..d0d4e2ba8c 100644 --- a/content/operate/rs/8.0/clusters/add-node.md +++ b/content/operate/rs/8.0/clusters/add-node.md @@ -84,7 +84,7 @@ We recommend that you verify the node is functioning properly using one of the f - Cluster Manager UI method: - 1. On the **Nodes** screen, click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="More actions button" width="22px" class="inline" >}} for the node you want to verify. + 1. On the **Nodes** screen, click ![More actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) for the node you want to verify. 1. Select **Verify node** from the list. diff --git a/content/operate/rs/8.0/clusters/remove-node.md b/content/operate/rs/8.0/clusters/remove-node.md index 28bc301ac4..824984ebb1 100644 --- a/content/operate/rs/8.0/clusters/remove-node.md +++ b/content/operate/rs/8.0/clusters/remove-node.md @@ -72,7 +72,7 @@ You can migrate resources by using the `rladmin` command-line interface To remove a node using the Cluster Manager UI: -1. On the **Nodes** screen, click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="More actions button" width="22px" class="inline" >}} for the node you want to remove. +1. On the **Nodes** screen, click ![More actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) for the node you want to remove. ![Click the more actions button for a node to access node actions.](/images/rs/screenshots/nodes/secondary-nodes-more-actions.png) diff --git a/content/operate/rs/8.0/clusters/replace-node.md b/content/operate/rs/8.0/clusters/replace-node.md index a2a3577fec..77e05400b8 100644 --- a/content/operate/rs/8.0/clusters/replace-node.md +++ b/content/operate/rs/8.0/clusters/replace-node.md @@ -10,7 +10,7 @@ linkTitle: Replace node weight: 90 url: '/operate/rs/8.0/clusters/replace-node/' --- -A failed node will appear as `Down` ({{< image filename="/images/rs/icons/node-down-icon.png#no-click" alt="Node down icon" class="inline" >}}) in the **Nodes** list. +A failed node will appear as `Down` (![Node down icon](/images/rs/icons/node-down-icon.png#no-click)) in the **Nodes** list. To replace a failed node: diff --git a/content/operate/rs/8.0/databases/active-active/manage.md b/content/operate/rs/8.0/databases/active-active/manage.md index 01f2dcd7ce..acd0bd7c8f 100644 --- a/content/operate/rs/8.0/databases/active-active/manage.md +++ b/content/operate/rs/8.0/databases/active-active/manage.md @@ -158,7 +158,7 @@ To remove a participating cluster using the Cluster Manager UI: ![Edit and delete buttons appear when you point to an entry in the Other participating clusters list.](/images/rs/screenshots/databases/active-active-databases/participating-clusters-edit-delete.png) -1. Click {{< image filename="/images/rs/buttons/delete-button.png#no-click" alt="The Delete button" width="25px" class="inline" >}} to remove the cluster. +1. Click ![The Delete button](/images/rs/buttons/delete-button.png#no-click) to remove the cluster. 1. Click **Save**. diff --git a/content/operate/rs/8.0/databases/configure/db-defaults.md b/content/operate/rs/8.0/databases/configure/db-defaults.md index edd1b2b04c..8f1131f951 100644 --- a/content/operate/rs/8.0/databases/configure/db-defaults.md +++ b/content/operate/rs/8.0/databases/configure/db-defaults.md @@ -19,7 +19,7 @@ Database defaults are cluster-wide policies that determine default settings when To edit default database configuration using the Cluster Manager UI: -1. On the **Databases** screen, select {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. +1. On the **Databases** screen, select ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Database defaults**. diff --git a/content/operate/rs/8.0/databases/configure/db-tags.md b/content/operate/rs/8.0/databases/configure/db-tags.md index 3258a40413..a9018835d5 100644 --- a/content/operate/rs/8.0/databases/configure/db-tags.md +++ b/content/operate/rs/8.0/databases/configure/db-tags.md @@ -44,7 +44,7 @@ To edit a database's existing tags using the Cluster Manager UI: 1. Go to the database's **Configuration** screen, then click **Edit**. -1. Next to the existing **Tags**, click {{< image filename="/images/rs/buttons/edit-db-tags-button.png#no-click" alt="Edit tags button" width="22px" class="inline" >}}. +1. Next to the existing **Tags**, click ![Edit tags button](/images/rs/buttons/edit-db-tags-button.png#no-click). ![The Edit tags button on the database configuration screen.](/images/rs/screenshots/databases/edit-db-tags-button-location.png) diff --git a/content/operate/rs/8.0/databases/configure/db-upgrade.md b/content/operate/rs/8.0/databases/configure/db-upgrade.md index c43f27bafe..a1105e02d8 100644 --- a/content/operate/rs/8.0/databases/configure/db-upgrade.md +++ b/content/operate/rs/8.0/databases/configure/db-upgrade.md @@ -18,7 +18,7 @@ Database upgrade configuration includes cluster-wide policies that affect defaul To edit database upgrade configuration using the Cluster Manager UI: -1. On the **Databases** screen, select {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. +1. On the **Databases** screen, select ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Upgrade configuration**. diff --git a/content/operate/rs/8.0/databases/delete.md b/content/operate/rs/8.0/databases/delete.md index 1615a1524f..944b1f0f2f 100644 --- a/content/operate/rs/8.0/databases/delete.md +++ b/content/operate/rs/8.0/databases/delete.md @@ -17,6 +17,6 @@ To delete a database from the Cluster Manager UI: 1. From the **Databases** list, select the database, then select **Configuration**. -1. Select {{< image filename="/images/rs/icons/delete-icon.png#no-click" alt="Delete button" width="22px" class="inline" >}} **Delete**. +1. Select ![Delete button](/images/rs/icons/delete-icon.png#no-click) **Delete**. 1. In the **Delete database** dialog, confirm deletion. diff --git a/content/operate/rs/8.0/databases/import-export/export-data.md b/content/operate/rs/8.0/databases/import-export/export-data.md index caa71f4844..f160230c6d 100644 --- a/content/operate/rs/8.0/databases/import-export/export-data.md +++ b/content/operate/rs/8.0/databases/import-export/export-data.md @@ -37,7 +37,7 @@ To export data from a database using the Cluster Manager UI: 1. On the **Databases** screen, select the database from the list, then select **Configuration**. -1. Click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. +1. Click ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Export**. diff --git a/content/operate/rs/8.0/databases/import-export/flush.md b/content/operate/rs/8.0/databases/import-export/flush.md index 1dc0beacdb..a432874bad 100644 --- a/content/operate/rs/8.0/databases/import-export/flush.md +++ b/content/operate/rs/8.0/databases/import-export/flush.md @@ -94,7 +94,7 @@ To flush data from an Active-Active database, use one of the following methods: 1. On the **Databases** screen, select the database from the list, then click **Configuration**. - 1. Click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. + 1. Click ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Flush database**. diff --git a/content/operate/rs/8.0/databases/import-export/import-data.md b/content/operate/rs/8.0/databases/import-export/import-data.md index 19e7ffe9fa..095e9cd156 100644 --- a/content/operate/rs/8.0/databases/import-export/import-data.md +++ b/content/operate/rs/8.0/databases/import-export/import-data.md @@ -26,7 +26,7 @@ such as when you want to import from a backup of a clustered database. To import data into a database using the Cluster Manager UI: 1. On the **Databases** screen, select the database from the list, then select **Configuration**. -1. Click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. +1. Click ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Import**. 1. Select the tab that corresponds to your storage location type and enter the location details. diff --git a/content/operate/rs/8.0/databases/import-export/replica-of/create.md b/content/operate/rs/8.0/databases/import-export/replica-of/create.md index e44e77ee6d..dab2ab4fbf 100644 --- a/content/operate/rs/8.0/databases/import-export/replica-of/create.md +++ b/content/operate/rs/8.0/databases/import-export/replica-of/create.md @@ -200,7 +200,7 @@ To enable TLS for Replica Of in the destination database: 1. Expand the **Replica Of** section. -1. Point to the source database entry and select {{< image filename="/images/rs/buttons/edit-button.png#no-click" alt="The Edit button" width="25px" class="inline" >}} to edit it. +1. Point to the source database entry and select ![The Edit button](/images/rs/buttons/edit-button.png#no-click) to edit it. 1. Paste or upload the source proxy certificate, then select **Done**. diff --git a/content/operate/rs/8.0/installing-upgrading/upgrading/upgrade-database.md b/content/operate/rs/8.0/installing-upgrading/upgrading/upgrade-database.md index af6b53b474..d871a7d445 100644 --- a/content/operate/rs/8.0/installing-upgrading/upgrading/upgrade-database.md +++ b/content/operate/rs/8.0/installing-upgrading/upgrading/upgrade-database.md @@ -36,7 +36,7 @@ Before upgrading a database: To determine the current database version: - - Use the Cluster Manager UI to open the **Configuration** tab for the database and select {{< image filename="/images/rs/icons/info-icon.png#no-click" alt="The About database button" width="18px" class="inline" >}} **About**. + - Use the Cluster Manager UI to open the **Configuration** tab for the database and select ![The About database button](/images/rs/icons/info-icon.png#no-click) **About**. - _(Optional)_ Use the [`rladmin status extra all`](/content/operate/rs/8.0/references/cli-utilities/rladmin/status.md) command to display configuration details: diff --git a/content/operate/rs/8.0/references/compatibility/resp.md b/content/operate/rs/8.0/references/compatibility/resp.md index 4223a411ae..8490a28b3c 100644 --- a/content/operate/rs/8.0/references/compatibility/resp.md +++ b/content/operate/rs/8.0/references/compatibility/resp.md @@ -85,7 +85,7 @@ To change `resp3_default` to `disabled`, use one of the following methods: - Cluster Manager UI: - 1. On the **Databases** screen, select {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. + 1. On the **Databases** screen, select ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Upgrade configuration**. diff --git a/content/operate/rs/8.0/security/encryption/internode-encryption.md b/content/operate/rs/8.0/security/encryption/internode-encryption.md index 31bc90916d..d96c9f08b1 100644 --- a/content/operate/rs/8.0/security/encryption/internode-encryption.md +++ b/content/operate/rs/8.0/security/encryption/internode-encryption.md @@ -63,7 +63,7 @@ To enable internode encryption for new databases by default, use one of the foll - Cluster Manager UI - 1. On the **Databases** screen, select {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. + 1. On the **Databases** screen, select ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Database defaults**. diff --git a/content/operate/rs/clusters/add-node.md b/content/operate/rs/clusters/add-node.md index d06a3dc550..e71b9d6067 100644 --- a/content/operate/rs/clusters/add-node.md +++ b/content/operate/rs/clusters/add-node.md @@ -82,7 +82,7 @@ We recommend that you verify the node is functioning properly using one of the f - Cluster Manager UI method: - 1. On the **Nodes** screen, click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="More actions button" width="22px" class="inline" >}} for the node you want to verify. + 1. On the **Nodes** screen, click ![More actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) for the node you want to verify. 1. Select **Verify node** from the list. diff --git a/content/operate/rs/clusters/remove-node.md b/content/operate/rs/clusters/remove-node.md index c0b40ca750..60f3ea573b 100644 --- a/content/operate/rs/clusters/remove-node.md +++ b/content/operate/rs/clusters/remove-node.md @@ -71,7 +71,7 @@ You can migrate resources by using the `rladmin` command-line interface To remove a node using the Cluster Manager UI: -1. On the **Nodes** screen, click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="More actions button" width="22px" class="inline" >}} for the node you want to remove. +1. On the **Nodes** screen, click ![More actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) for the node you want to remove. ![Click the more actions button for a node to access node actions.](/images/rs/screenshots/nodes/secondary-nodes-more-actions.png) diff --git a/content/operate/rs/clusters/replace-node.md b/content/operate/rs/clusters/replace-node.md index dba7796803..012169c0c8 100644 --- a/content/operate/rs/clusters/replace-node.md +++ b/content/operate/rs/clusters/replace-node.md @@ -9,7 +9,7 @@ description: Replace a node in your cluster that is down. linkTitle: Replace node weight: 90 --- -A failed node will appear as `Down` ({{< image filename="/images/rs/icons/node-down-icon.png#no-click" alt="Node down icon" class="inline" >}}) in the **Nodes** list. +A failed node will appear as `Down` (![Node down icon](/images/rs/icons/node-down-icon.png#no-click)) in the **Nodes** list. To replace a failed node: diff --git a/content/operate/rs/databases/active-active/manage.md b/content/operate/rs/databases/active-active/manage.md index dcd7c12ae2..db852510ea 100644 --- a/content/operate/rs/databases/active-active/manage.md +++ b/content/operate/rs/databases/active-active/manage.md @@ -157,7 +157,7 @@ To remove a participating cluster using the Cluster Manager UI: ![Edit and delete buttons appear when you point to an entry in the Other participating clusters list.](/images/rs/screenshots/databases/active-active-databases/participating-clusters-edit-delete.png) -1. Click {{< image filename="/images/rs/buttons/delete-button.png#no-click" alt="The Delete button" width="25px" class="inline" >}} to remove the cluster. +1. Click ![The Delete button](/images/rs/buttons/delete-button.png#no-click) to remove the cluster. 1. Click **Save**. diff --git a/content/operate/rs/databases/configure/db-defaults.md b/content/operate/rs/databases/configure/db-defaults.md index a405656051..531f81d27d 100644 --- a/content/operate/rs/databases/configure/db-defaults.md +++ b/content/operate/rs/databases/configure/db-defaults.md @@ -18,7 +18,7 @@ Database defaults are cluster-wide policies that determine default settings when To edit default database configuration using the Cluster Manager UI: -1. On the **Databases** screen, select {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. +1. On the **Databases** screen, select ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Database defaults**. diff --git a/content/operate/rs/databases/configure/db-tags.md b/content/operate/rs/databases/configure/db-tags.md index f49790f8be..4329cfac81 100644 --- a/content/operate/rs/databases/configure/db-tags.md +++ b/content/operate/rs/databases/configure/db-tags.md @@ -43,7 +43,7 @@ To edit a database's existing tags using the Cluster Manager UI: 1. Go to the database's **Configuration** screen, then click **Edit**. -1. Next to the existing **Tags**, click {{< image filename="/images/rs/buttons/edit-db-tags-button.png#no-click" alt="Edit tags button" width="22px" class="inline" >}}. +1. Next to the existing **Tags**, click ![Edit tags button](/images/rs/buttons/edit-db-tags-button.png#no-click). ![The Edit tags button on the database configuration screen.](/images/rs/screenshots/databases/edit-db-tags-button-location.png) diff --git a/content/operate/rs/databases/configure/db-upgrade.md b/content/operate/rs/databases/configure/db-upgrade.md index e491130a67..7921d96003 100644 --- a/content/operate/rs/databases/configure/db-upgrade.md +++ b/content/operate/rs/databases/configure/db-upgrade.md @@ -17,7 +17,7 @@ Database upgrade configuration includes cluster-wide policies that affect defaul To edit database upgrade configuration using the Cluster Manager UI: -1. On the **Databases** screen, select {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. +1. On the **Databases** screen, select ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Upgrade configuration**. diff --git a/content/operate/rs/databases/delete.md b/content/operate/rs/databases/delete.md index 7dd333bd42..e06d627635 100644 --- a/content/operate/rs/databases/delete.md +++ b/content/operate/rs/databases/delete.md @@ -16,6 +16,6 @@ To delete a database from the Cluster Manager UI: 1. From the **Databases** list, select the database, then select **Configuration**. -1. Select {{< image filename="/images/rs/icons/delete-icon.png#no-click" alt="Delete button" width="22px" class="inline" >}} **Delete**. +1. Select ![Delete button](/images/rs/icons/delete-icon.png#no-click) **Delete**. 1. In the **Delete database** dialog, confirm deletion. diff --git a/content/operate/rs/databases/import-export/export-data.md b/content/operate/rs/databases/import-export/export-data.md index e3361e5859..5172186308 100644 --- a/content/operate/rs/databases/import-export/export-data.md +++ b/content/operate/rs/databases/import-export/export-data.md @@ -36,7 +36,7 @@ To export data from a database using the Cluster Manager UI: 1. On the **Databases** screen, select the database from the list, then select **Configuration**. -1. Click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. +1. Click ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Export**. diff --git a/content/operate/rs/databases/import-export/flush.md b/content/operate/rs/databases/import-export/flush.md index 31ad8a6e44..8596524bdb 100644 --- a/content/operate/rs/databases/import-export/flush.md +++ b/content/operate/rs/databases/import-export/flush.md @@ -93,7 +93,7 @@ To flush data from an Active-Active database, use one of the following methods: 1. On the **Databases** screen, select the database from the list, then click **Configuration**. - 1. Click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. + 1. Click ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Flush database**. diff --git a/content/operate/rs/databases/import-export/import-data.md b/content/operate/rs/databases/import-export/import-data.md index bb55193848..55f11c2b08 100644 --- a/content/operate/rs/databases/import-export/import-data.md +++ b/content/operate/rs/databases/import-export/import-data.md @@ -25,7 +25,7 @@ such as when you want to import from a backup of a clustered database. To import data into a database using the Cluster Manager UI: 1. On the **Databases** screen, select the database from the list, then select **Configuration**. -1. Click {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. +1. Click ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Import**. 1. Select the tab that corresponds to your storage location type and enter the location details. diff --git a/content/operate/rs/databases/import-export/replica-of/create.md b/content/operate/rs/databases/import-export/replica-of/create.md index 842f3477d3..9c0f002f81 100644 --- a/content/operate/rs/databases/import-export/replica-of/create.md +++ b/content/operate/rs/databases/import-export/replica-of/create.md @@ -199,7 +199,7 @@ To enable TLS for Replica Of in the destination database: 1. Expand the **Replica Of** section. -1. Point to the source database entry and select {{< image filename="/images/rs/buttons/edit-button.png#no-click" alt="The Edit button" width="25px" class="inline" >}} to edit it. +1. Point to the source database entry and select ![The Edit button](/images/rs/buttons/edit-button.png#no-click) to edit it. 1. Paste or upload the source proxy certificate, then select **Done**. diff --git a/content/operate/rs/installing-upgrading/upgrading/upgrade-database.md b/content/operate/rs/installing-upgrading/upgrading/upgrade-database.md index 367d120849..dd001463d2 100644 --- a/content/operate/rs/installing-upgrading/upgrading/upgrade-database.md +++ b/content/operate/rs/installing-upgrading/upgrading/upgrade-database.md @@ -35,7 +35,7 @@ Before upgrading a database: To determine the current database version: - - Use the Cluster Manager UI to open the **Configuration** tab for the database and select {{< image filename="/images/rs/icons/info-icon.png#no-click" alt="The About database button" width="18px" class="inline" >}} **About**. + - Use the Cluster Manager UI to open the **Configuration** tab for the database and select ![The About database button](/images/rs/icons/info-icon.png#no-click) **About**. - _(Optional)_ Use the [`rladmin status extra all`](/content/operate/rs/references/cli-utilities/rladmin/status.md) command to display configuration details: diff --git a/content/operate/rs/references/compatibility/resp.md b/content/operate/rs/references/compatibility/resp.md index 00c413123f..8133481748 100644 --- a/content/operate/rs/references/compatibility/resp.md +++ b/content/operate/rs/references/compatibility/resp.md @@ -84,7 +84,7 @@ To change `resp3_default` to `disabled`, use one of the following methods: - Cluster Manager UI: - 1. On the **Databases** screen, select {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. + 1. On the **Databases** screen, select ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Upgrade configuration**. diff --git a/content/operate/rs/security/encryption/internode-encryption.md b/content/operate/rs/security/encryption/internode-encryption.md index 01961a6e79..97dfd8f3c6 100644 --- a/content/operate/rs/security/encryption/internode-encryption.md +++ b/content/operate/rs/security/encryption/internode-encryption.md @@ -62,7 +62,7 @@ To enable internode encryption for new databases by default, use one of the foll - Cluster Manager UI - 1. On the **Databases** screen, select {{< image filename="/images/rs/buttons/button-toggle-actions-vertical.png#no-click" alt="Toggle actions button" width="22px" class="inline" >}} to open a list of additional actions. + 1. On the **Databases** screen, select ![Toggle actions button](/images/rs/buttons/button-toggle-actions-vertical.png#no-click) to open a list of additional actions. 1. Select **Database defaults**. diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index 5b3ed757a1..f186dd1c96 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -30,9 +30,14 @@ {{- end -}} {{- end -}} {{- end -}} +{{- $class := .Attributes.class -}} +{{- /* A local image inside running text is an icon; img-inline sizes it to the text. */ -}} +{{- if and (not .IsBlock) (strings.HasPrefix $dest "/") (not (strings.HasPrefix $dest "//")) -}} + {{- $class = "img-inline" -}} +{{- end -}} {{ . }} From 35736b7c6a731980db839ac9c1c7d5850a05acd4 Mon Sep 17 00:00:00 2001 From: Andy Stark Date: Fri, 2 Oct 2026 15:19:14 +0100 Subject: [PATCH 2/2] DOC-7128 icons-1: address review (require #no-click for img-inline, split the april-2025 toggles) The hook now marks an image img-inline only when it's inline, local, AND carries #no-click. Before, any local image sharing a paragraph with text qualified, so a future screenshot written directly under a line of text, with no blank line, would have silently shrunk to text height. Every converted icon already has #no-click, so none of them change. The light and dark mode toggles in rc/changelog/april-2025.md were a paragraph of their own, joined by  , so the codemod treated the pair as inline icons and they dropped from 149x57 to about 63x24. They're now two standalone images separated by a blank line, back at their natural size. The   had to go too: an image followed by   isn't alone in its paragraph, so it would have stayed inline. As block images they stack rather than sit side by side. Merged main first, which brings in #4189's conversion of the tls-configuration-procedure.md screenshot the review asked about. Learned: an image that ends its line with   isn't alone in its paragraph, so a blank line alone won't make it a block image Constraint: render-image.html adds img-inline only to inline, local, #no-click images; a screenshot sharing a paragraph with text must stay full size Ticket: DOC-7128 Co-Authored-By: Claude Opus 5.5 --- build/migrate_image_shortcodes.py | 4 ++-- content/operate/rc/changelog/april-2025.md | 3 ++- layouts/_default/_markup/render-image.html | 5 +++-- 3 files changed, 7 insertions(+), 5 deletions(-) diff --git a/build/migrate_image_shortcodes.py b/build/migrate_image_shortcodes.py index f13d9d6cbc..0ea91d7593 100644 --- a/build/migrate_image_shortcodes.py +++ b/build/migrate_image_shortcodes.py @@ -25,8 +25,8 @@ With --inline-icons, converts `#no-click` icon shortcodes that are NOT their own paragraph (in a sentence, a table cell, or several to a line) to inline Markdown images, `![Alt](/images/x.png#no-click)`. Their width and class are -dropped: render-image.html marks inline images img-inline, and CSS sizes them -to the text. An image without #no-click is left alone, because inline sizing +dropped: render-image.html marks inline #no-click images img-inline, and CSS +sizes them to the text. An image without #no-click is left alone, because inline sizing would shrink a screenshot to text height. Usage: diff --git a/content/operate/rc/changelog/april-2025.md b/content/operate/rc/changelog/april-2025.md index 8df17fc733..02cc3b03d7 100644 --- a/content/operate/rc/changelog/april-2025.md +++ b/content/operate/rc/changelog/april-2025.md @@ -20,7 +20,8 @@ weight: 76 The Redis Cloud console has a refreshed user interface! You can now choose between light mode and dark mode when using the Redis Cloud console. -![Mode selection toggle with light mode selected.](/images/rc/mode-select-light.png#no-click)  +![Mode selection toggle with light mode selected.](/images/rc/mode-select-light.png#no-click) + ![Mode selection toggle with dark mode selected.](/images/rc/mode-select-dark.png#no-click) The new user interface and dark mode are currently available for selected accounts and will be gradually rolled out to new accounts over time. diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index f186dd1c96..58c6680de9 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -31,8 +31,9 @@ {{- end -}} {{- end -}} {{- $class := .Attributes.class -}} -{{- /* A local image inside running text is an icon; img-inline sizes it to the text. */ -}} -{{- if and (not .IsBlock) (strings.HasPrefix $dest "/") (not (strings.HasPrefix $dest "//")) -}} +{{- /* A #no-click image inside running text is an icon; img-inline sizes it to the text. + Requiring #no-click keeps a screenshot that shares a paragraph with text full size. */ -}} +{{- if and (not .IsBlock) (strings.HasPrefix $dest "/") (not (strings.HasPrefix $dest "//")) (strings.Contains $dest "#no-click") -}} {{- $class = "img-inline" -}} {{- end -}}