From 523e5c5ca56f4a61fdd98719de1f6d1e0e23ea96 Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Mon, 24 Mar 2025 06:16:48 -0700
Subject: [PATCH 1/2] fix: Product selector not being on top of everything

---
 assets/css/v2/style.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 2ca5a44..64b958b 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -216,6 +216,8 @@ nav {
 .sidebar-layout {
   display: flex;
   flex-direction: column;
+  position: relative;
+  z-index: 9999;
 }
 
 #searchbox {
@@ -1051,12 +1053,16 @@ li .code-block {
   text-transform: uppercase;
   padding: .25rem 0.25rem; /* Padding for button content */
   font-size: 12px; /* Font size */
-  z-index: 9999;
+  z-index: 999;
   position: absolute;
   background-color: white;
   margin: -12px 0 0 1rem;
 }
 
+.code-container {
+  position: relative;
+}
+
 .code-container:hover {
   .code-copy-button {
     display: block;
@@ -1073,8 +1079,8 @@ li .code-block {
   color: #000;
   display: none;
   position: absolute;
-  right: calc(25% + 2rem);
   margin-top: 8px;
+  right: 1rem;
 }
 
 .code-copy-button:hover {

From 295e84d95db5c17cd5855a5a1be30b86834178db Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Mon, 24 Mar 2025 06:45:48 -0700
Subject: [PATCH 2/2] fix: Z-index of notes

---
 assets/css/v2/style.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index 64b958b..2fb03f3 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -876,7 +876,7 @@ blockquote {
 
 blockquote.note {
   position: relative;
-  z-index: -1;
+  z-index: 0;
 }
 
 blockquote.note:before {
@@ -891,6 +891,7 @@ blockquote.note:before {
   padding: 0 0.25rem;
   display: block;
   background-color: var(--color-background);
+  z-index: 999;
 }
 
 blockquote p:first-child {
@@ -1013,7 +1014,7 @@ blockquote.side-callout {
 }
 
 .code-block {
-  position: static;
+  position: relative;
 }
 
 .code-block .code-header:not(:has(.code-type)) {