download button adjustments

Author: kaitlynmichael

assets/css/index.css

@@ -534,6 +534,28 @@ select {
   @apply w-4 h-4;
 }
 
+/* Make long code blocks scrollable */
+.yaml-embed-container .highlight {
+  max-height: 800px;
+  overflow-y: auto;
+}
+
+.yaml-embed-container .highlight::-webkit-scrollbar {
+  width: 8px;
+}
+
+.yaml-embed-container .highlight::-webkit-scrollbar-track {
+  @apply bg-slate-700 rounded;
+}
+
+.yaml-embed-container .highlight::-webkit-scrollbar-thumb {
+  @apply bg-slate-500 rounded;
+}
+
+.yaml-embed-container .highlight::-webkit-scrollbar-thumb:hover {
+  @apply bg-slate-400;
+}
+
 #download-redis > h3,
 #download-redis-stack > h3 {
   @apply mt-2;

content/operate/kubernetes/reference/yaml/_index.md

@@ -82,6 +82,6 @@ kubectl get events --sort-by=.metadata.creationTimestamp
 ## Related documentation
 
 - [API reference]({{< relref "/operate/kubernetes/reference" >}}) - Complete API specifications for all custom resources
-- [Quick start deployment]({{< relref "/operate/kubernetes/deployment/quick-start" >}}) - Step-by-step deployment guide
+- [Deploy on Kubernetes]({{< relref "/operate/kubernetes/deployment/quick-start" >}}) - Step-by-step deployment guide
 - [Multi-namespace deployment]({{< relref "/operate/kubernetes/re-clusters/multi-namespace" >}}) - Detailed multi-namespace setup guide
 - [Active-Active databases]({{< relref "/operate/kubernetes/active-active" >}}) - Active-Active configuration and management

content/operate/kubernetes/reference/yaml/basic-deployment.md

@@ -12,7 +12,7 @@ weight: 10
 
 This page provides complete YAML examples for a basic Redis Enterprise deployment on Kubernetes. These examples include all the essential components needed to deploy a Redis Enterprise cluster and create a database.
 
-For complete deployment instructions, see the [Quick start deployment guide]({{< relref "/operate/kubernetes/deployment/quick-start" >}}).
+For complete deployment instructions, see [Deploy on Kubernetes]({{< relref "/operate/kubernetes/deployment/quick-start" >}}).
 
 ## Service account
 
@@ -83,7 +83,7 @@ Edit the values in the downloaded YAML file based on your requirements, such as
 
 ## Apply the configuration
 
-To deploy these YAML files, follow the [deployment guide]({{< relref "/operate/kubernetes/deployment/quick-start" >}}), which provides step-by-step instructions for creating namespaces, deploying the operator, and applying these configuration files.
+To deploy these YAML files, follow [Deploy on Kubernetes]({{< relref "/operate/kubernetes/deployment/quick-start" >}}), which provides step-by-step instructions for creating namespaces, deploying the operator, and applying these configuration files.
 
 ## Related documentation
 

content/operate/kubernetes/reference/yaml/rack-awareness.md

@@ -19,7 +19,7 @@ This page provides YAML examples for deploying Redis Enterprise with [rack aware
 - Verify node labels: `kubectl get nodes --show-labels`
 - [Redis Enterprise operator]({{< relref "/operate/kubernetes/deployment" >}}) must be installed
 
-For complete deployment instructions, see the [Redis Enterprise operator deployment guide]({{< relref "/operate/kubernetes/deployment" >}}).
+For complete deployment instructions, see [Deploy on Kubernetes]({{< relref "/operate/kubernetes/deployment" >}}).
 
 ## Service account
 
@@ -87,7 +87,7 @@ Database configuration for rack-aware clusters is the same as [basic deployments
 
 ## Apply the configuration
 
-To deploy rack-aware Redis Enterprise clusters, follow the [Redis Enterprise operator deployment guide]({{< relref "/operate/kubernetes/deployment" >}}) and ensure your Kubernetes nodes have proper zone labels. For detailed rack awareness configuration, see the [node selection recommendations]({{< relref "/operate/kubernetes/recommendations/node-selection" >}}).
+To deploy rack-aware Redis Enterprise clusters, follow [Deploy on Kubernetes]({{< relref "/operate/kubernetes/deployment" >}}) and ensure your Kubernetes nodes have proper zone labels. For detailed rack awareness configuration, see the [node selection recommendations]({{< relref "/operate/kubernetes/recommendations/node-selection" >}}).
 
 ## Troubleshooting
 

layouts/partials/scripts.html

@@ -9,9 +9,9 @@
                 const wrapper = document.createElement('div');
 
                 if (block.parentElement.classList.contains("expand-content")) {
-                    wrapper.style = 'position:absolute;top:10px;right:20px;z-index:1;display:flex;align-items:center;gap:6px;';
+                    wrapper.style = 'position:absolute;top:24px;right:20px;z-index:1;display:flex;align-items:center;gap:6px;';
                 } else {
-                    wrapper.style = 'position:absolute;top:10px;right:10px;z-index:1;display:flex;align-items:center;gap:6px;';
+                    wrapper.style = 'position:absolute;top:24px;right:10px;z-index:1;display:flex;align-items:center;gap:6px;';
                 }
 
                 // Check if this is a YAML embed with download functionality
@@ -20,12 +20,13 @@
 
                 // Create the copy button
                 const button = document.createElement('button');
+                button.className = 'clipboard-button text-neutral-400 hover:text-slate-100 bg-slate-600 relative h-8 w-8 p-1 rounded rounded-mx';
+                button.title = 'Copy to clipboard';
                 button.innerHTML = `
-                <button class="clipboard-button text-neutral-400 hover:text-slate-100 bg-slate-600 relative h-7 w-7 p-1 rounded rounded-mx" title="Copy to clipboard">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="currentColor">
-                    <path d="M9 43.95q-1.2 0-2.1-.9-.9-.9-.9-2.1V10.8h3v30.15h23.7v3Zm6-6q-1.2 0-2.1-.9-.9-.9-.9-2.1v-28q0-1.2.9-2.1.9-.9 2.1-.9h22q1.2 0 2.1.9.9.9.9 2.1v28q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h22v-28H15v28Zm0 0v-28 28Z"></path>
-                </svg>
-            `;
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="currentColor">
+                        <path d="M9 43.95q-1.2 0-2.1-.9-.9-.9-.9-2.1V10.8h3v30.15h23.7v3Zm6-6q-1.2 0-2.1-.9-.9-.9-.9-2.1v-28q0-1.2.9-2.1.9-.9 2.1-.9h22q1.2 0 2.1.9.9.9.9 2.1v28q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h22v-28H15v28Zm0 0v-28 28Z"></path>
+                    </svg>
+                `;
 
                 // Create the tooltip container
                 const tooltipContainer = document.createElement('div');
@@ -58,15 +59,14 @@
 
                 // Append copy button
                 wrapper.appendChild(button);
-                wrapper.appendChild(tooltipContainer);
 
                 // Add download button if this is a YAML embed
                 if (downloadFilename) {
                     const downloadButton = document.createElement('button');
-                    downloadButton.className = 'download-yaml-btn text-neutral-400 hover:text-slate-100 bg-slate-600 h-7 w-7 p-1 rounded rounded-mx';
+                    downloadButton.className = 'download-yaml-btn text-neutral-400 hover:text-slate-100 bg-slate-600 h-8 w-8 p-1 rounded rounded-mx';
                     downloadButton.title = 'Download YAML file';
                     downloadButton.innerHTML = `
-                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                             <path d="M12 16l-6-6h4V4h4v6h4l-6 6zm-6 2h12v2H6v-2z"/>
                         </svg>
                     `;