Added inline-icon shortcode to fix whitespace formatting issue with inline images and lists

Author: rrelledge

content/operate/rs/monitoring/v1_monitoring.md

@@ -102,7 +102,7 @@ In **Cluster > Alert Settings**, you can enable alerts for node or cluster eve
 
 Configured alerts are shown:
 
-- As a notification on the status icon ( {{< image filename="/images/rs/icons/icon_warning.png#no-click" alt="Warning" width="18px" class="inline" >}} ) for the node and cluster
+- As a notification on the status icon ( {{< inline-icon filename="/images/rs/icons/icon_warning.png#no-click" alt="Warning" width="18px" >}} ) for the node and cluster
 - In the **log**
 - In email notifications, if you configure [email alerts](#send-alerts-by-email)
 
@@ -122,7 +122,7 @@ For each database, you can enable alerts for database events, such as high memor
 
 Configured alerts are shown:
 
-- As a notification on the status icon ( {{< image filename="/images/rs/icons/icon_warning.png#no-click" alt="Warning" width="18px" class="inline" >}} ) for the database
+- As a notification on the status icon ( {{< inline-icon filename="/images/rs/icons/icon_warning.png#no-click" alt="Warning" width="18px" >}} ) for the database
 - In the **log**
 - In emails, if you configure [email alerts](#send-alerts-by-email)
 

content/operate/rs/references/alerts/_index.md

@@ -20,7 +20,7 @@ In **Cluster > Alert Settings**, you can enable alerts for node or cluster eve
 
 Configured alerts are shown:
 
-- As a notification on the status icon ( {{< image filename="/images/rs/icons/icon_warning.png#no-click" alt="Warning" width="18px" class="inline" >}} ) for the node and cluster
+- As a notification on the status icon ( {{< inline-icon filename="/images/rs/icons/icon_warning.png#no-click" alt="Warning" width="18px" >}} ) for the node and cluster
 - In the **log**
 - In email notifications, if you configure [email alerts](#send-alerts-by-email)
 
@@ -40,7 +40,7 @@ For each database, you can enable alerts for database events, such as high memor
 
 Configured alerts are shown:
 
-- As a notification on the status icon ( {{< image filename="/images/rs/icons/icon_warning.png#no-click" alt="Warning" width="18px" class="inline" >}} ) for the database
+- As a notification on the status icon ( {{< inline-icon filename="/images/rs/icons/icon_warning.png#no-click" alt="Warning" width="18px" >}} ) for the database
 - In the **log**
 - In emails, if you configure [email alerts](#send-alerts-by-email)
 

layouts/shortcodes/inline-icon.html

@@ -0,0 +1,13 @@
+{{ $fname := .Get "filename" | strings.TrimLeft "/" }}
+{{ $cleanFname := $fname | strings.TrimSuffix "#no-click" }}
+{{ $noClick := strings.HasSuffix $fname "#no-click" }}
+{{ if not (hasPrefix $cleanFname "/") }}
+	{{ .Scratch.Set "file" (printf "/%s" $cleanFname) }}
+{{ else }}
+	{{ .Scratch.Set "file" $cleanFname }}
+{{ end }}
+<img src='{{ relURL $cleanFname }}'
+	 {{ with .Get "width" }} width="{{.}}"{{ end }}
+	 {{ with .Get "height" }} height="{{.}}"{{ end }}
+	 {{ with .Get "alt"}} alt="{{.}}"{{ end }}
+	 class="inline align-middle m-0 p-0{{ if $noClick }} pointer-events-none cursor-default{{ end }}{{ with .Get "class" }} {{.}}{{ end }}"/>