fix: code block forcing overflow (#433)

Fixes code blocks potentially forcing content overflow and thus horizontal scrollbars in inappropriate places. Signed-off-by: Philipp Rudloff <philipp.rudloff@konghq.com>
kumahq · Nov 2, 2022 · f3dba73 · f3dba73
1 parent 48a16c3
commit f3dba73
Show file tree

Hide file tree

Showing 17 changed files with 490 additions and 442 deletions.
diff --git a/package.json b/package.json
@@ -20,7 +20,7 @@
     "@amcharts/amcharts4": "^4.10.27",
     "@appscode/json2yaml": "^0.1.2",
     "@datadog/browser-logs": "^4.19.0",
-    "@kong/kongponents": "^8.0.1",
+    "@kong/kongponents": "^8.1.5",
     "prismjs": "^1.29.0",
     "semver": "^7.3.7",
     "semver-compare": "^1.0.0",

diff --git a/src/app/AppSidebar.vue b/src/app/AppSidebar.vue
@@ -78,7 +78,7 @@ function fetchInsights() {
 .app-sidebar {
   width: var(--subnavWidth);
   position: fixed;
-  z-index: 1;
+  z-index: 10;
   top: var(--topbar-height);
   bottom: 0;
   left: 0;

diff --git a/src/app/__snapshots__/App.spec.ts.snap b/src/app/__snapshots__/App.spec.ts.snap
@@ -33,7 +33,7 @@ exports[`App.vue fails to renders basic view 1`] = `
       >
         <div
           aria-controls="aaaabbbb-cccc-dddd-eeee-ffffffffffff"
-          data-v-86245c6c=""
+          data-v-0eaad51f=""
           id="aaaabbbb-cccc-dddd-eeee-ffffffffffff"
           role="button"
         >
@@ -55,21 +55,21 @@ exports[`App.vue fails to renders basic view 1`] = `
           <transition-stub
             appear="false"
             css="true"
-            data-v-86245c6c=""
+            data-v-0eaad51f=""
             name="fade"
             persisted="false"
           >
             <div
               class="k-popover"
-              data-v-86245c6c=""
+              data-v-0eaad51f=""
               id="aaaabbbb-cccc-dddd-eeee-ffffffffffff"
               role="region"
               style="width: 280px; max-width: 350px; max-height: auto; display: none;"
             >
               <!---->
               <div
                 class="k-popover-content"
-                data-v-86245c6c=""
+                data-v-0eaad51f=""
               >
                 
                 <p>

diff --git a/src/app/common/__snapshots__/EntityURLControl.spec.ts.snap b/src/app/common/__snapshots__/EntityURLControl.spec.ts.snap
@@ -8,7 +8,7 @@ exports[`EntityURLControl.vue renders snapshot 1`] = `
     
     <div
       aria-controls="aaaabbbb-cccc-dddd-eeee-ffffffffffff"
-      data-v-86245c6c=""
+      data-v-0eaad51f=""
       id="aaaabbbb-cccc-dddd-eeee-ffffffffffff"
       role="button"
     >
@@ -57,21 +57,21 @@ exports[`EntityURLControl.vue renders snapshot 1`] = `
       <transition-stub
         appear="false"
         css="true"
-        data-v-86245c6c=""
+        data-v-0eaad51f=""
         name="fade"
         persisted="false"
       >
         <div
           class="k-popover"
-          data-v-86245c6c=""
+          data-v-0eaad51f=""
           id="aaaabbbb-cccc-dddd-eeee-ffffffffffff"
           role="region"
           style="width: 200px; max-width: 350px; max-height: auto; display: none;"
         >
           <!---->
           <div
             class="k-popover-content"
-            data-v-86245c6c=""
+            data-v-0eaad51f=""
           >
             
             <p>