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..0ea91d7593 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 #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: - 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 2763a48c7f..5127ea2740 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) ![Database TLS Configuration](/images/rs/database-tls-replica-certs.png) 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) ![Database TLS Configuration](/images/rs/database-tls-replica-certs.png) 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..02cc3b03d7 100644 --- a/content/operate/rc/changelog/april-2025.md +++ b/content/operate/rc/changelog/april-2025.md @@ -20,8 +20,9 @@ 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..58c6680de9 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -30,9 +30,15 @@ {{- end -}} {{- end -}} {{- end -}} +{{- $class := .Attributes.class -}} +{{- /* 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 -}} {{ . }}