From 44119c82e928fc9f0d4125b3d70a3483cafd63b5 Mon Sep 17 00:00:00 2001
From: Coteh <3276350+Coteh@users.noreply.github.com>
Date: Fri, 4 Feb 2022 00:44:42 -0500
Subject: [PATCH] Tweak appearance of jump to context menu button and ensure it
 doesn't appear on top of the header

---
 assets/components/DropdownMenu.vue   | 7 ++++---
 assets/components/LogViewer.vue      | 2 +-
 assets/components/ScrollableView.vue | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/assets/components/DropdownMenu.vue b/assets/components/DropdownMenu.vue
index 8d62aafa..3ddd9d0f 100644
--- a/assets/components/DropdownMenu.vue
+++ b/assets/components/DropdownMenu.vue
@@ -18,10 +18,11 @@
 <script lang="ts" setup></script>
 
 <style lang="scss" scoped>
+.button {
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+}
 .is-top .dropdown-menu {
   top: 0;
 }
-.is-small {
-  transform: scale(75%);
-}
 </style>
diff --git a/assets/components/LogViewer.vue b/assets/components/LogViewer.vue
index 42b124e7..2fdf0a39 100644
--- a/assets/components/LogViewer.vue
+++ b/assets/components/LogViewer.vue
@@ -8,7 +8,7 @@
       :class="item.selected ? 'selected' : ''"
     >
       <div class="line-options" v-if="isSearching()">
-        <dropdown-menu class="is-top is-small">
+        <dropdown-menu class="is-top">
           <a class="dropdown-item" @click="jumpToLine">
             <div class="level is-justify-content-start">
               <div class="level-left">
diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue
index a18b0449..25abb50b 100644
--- a/assets/components/ScrollableView.vue
+++ b/assets/components/ScrollableView.vue
@@ -90,6 +90,7 @@ section {
     top: 0;
     background: var(--body-background-color);
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+    z-index: 1;
   }
 
   &.is-full-height-scrollable {