From 8fcc5fc9ccdbe42724a18da65397de97ed899068 Mon Sep 17 00:00:00 2001
From: Coteh <3276350+Coteh@users.noreply.github.com>
Date: Sun, 6 Mar 2022 14:53:25 -0500
Subject: [PATCH] Shrunk spacing between lines when searching

Other Changes:
- Fix horizontal scrollbar if log line exceeds width of page
- Restored style for dropdown button on top of page
- Remove unused CSS properties
---
 assets/components.d.ts             | 62 +++++++++++++++---------------
 assets/components/DropdownMenu.vue |  4 +-
 assets/components/LogViewer.vue    | 19 +--------
 3 files changed, 36 insertions(+), 49 deletions(-)

diff --git a/assets/components.d.ts b/assets/components.d.ts
index e0177f38..301833e3 100644
--- a/assets/components.d.ts
+++ b/assets/components.d.ts
@@ -2,38 +2,38 @@
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/vue-next/pull/3399
 
-declare module "vue" {
+declare module 'vue' {
   export interface GlobalComponents {
-    CarbonCaretDown: typeof import("~icons/carbon/caret-down")["default"];
-    CilColumns: typeof import("~icons/cil/columns")["default"];
-    CilFindInPage: typeof import("~icons/cil/find-in-page")["default"];
-    ContainerStat: typeof import("./components/ContainerStat.vue")["default"];
-    ContainerTitle: typeof import("./components/ContainerTitle.vue")["default"];
-    DropdownMenu: typeof import("./components/DropdownMenu.vue")["default"];
-    FuzzySearchModal: typeof import("./components/FuzzySearchModal.vue")["default"];
-    InfiniteLoader: typeof import("./components/InfiniteLoader.vue")["default"];
-    LogActionsToolbar: typeof import("./components/LogActionsToolbar.vue")["default"];
-    LogContainer: typeof import("./components/LogContainer.vue")["default"];
-    LogEventSource: typeof import("./components/LogEventSource.vue")["default"];
-    LogViewer: typeof import("./components/LogViewer.vue")["default"];
-    LogViewerWithSource: typeof import("./components/LogViewerWithSource.vue")["default"];
-    MdiDotsVertical: typeof import("~icons/mdi/dots-vertical")["default"];
-    MdiLightChevronDoubleDown: typeof import("~icons/mdi-light/chevron-double-down")["default"];
-    MdiLightChevronLeft: typeof import("~icons/mdi-light/chevron-left")["default"];
-    MdiLightChevronRight: typeof import("~icons/mdi-light/chevron-right")["default"];
-    MdiLightCog: typeof import("~icons/mdi-light/cog")["default"];
-    MdiLightMagnify: typeof import("~icons/mdi-light/magnify")["default"];
-    MobileMenu: typeof import("./components/MobileMenu.vue")["default"];
-    OcticonContainer24: typeof import("~icons/octicon/container24")["default"];
-    OcticonDownload24: typeof import("~icons/octicon/download24")["default"];
-    OcticonTrash24: typeof import("~icons/octicon/trash24")["default"];
-    PastTime: typeof import("./components/PastTime.vue")["default"];
-    RelativeTime: typeof import("./components/RelativeTime.vue")["default"];
-    ScrollableView: typeof import("./components/ScrollableView.vue")["default"];
-    ScrollProgress: typeof import("./components/ScrollProgress.vue")["default"];
-    Search: typeof import("./components/Search.vue")["default"];
-    SideMenu: typeof import("./components/SideMenu.vue")["default"];
+    CarbonCaretDown: typeof import('~icons/carbon/caret-down')['default']
+    CilColumns: typeof import('~icons/cil/columns')['default']
+    CilFindInPage: typeof import('~icons/cil/find-in-page')['default']
+    ContainerStat: typeof import('./components/ContainerStat.vue')['default']
+    ContainerTitle: typeof import('./components/ContainerTitle.vue')['default']
+    DropdownMenu: typeof import('./components/DropdownMenu.vue')['default']
+    FuzzySearchModal: typeof import('./components/FuzzySearchModal.vue')['default']
+    InfiniteLoader: typeof import('./components/InfiniteLoader.vue')['default']
+    LogActionsToolbar: typeof import('./components/LogActionsToolbar.vue')['default']
+    LogContainer: typeof import('./components/LogContainer.vue')['default']
+    LogEventSource: typeof import('./components/LogEventSource.vue')['default']
+    LogViewer: typeof import('./components/LogViewer.vue')['default']
+    LogViewerWithSource: typeof import('./components/LogViewerWithSource.vue')['default']
+    MdiDotsVertical: typeof import('~icons/mdi/dots-vertical')['default']
+    MdiLightChevronDoubleDown: typeof import('~icons/mdi-light/chevron-double-down')['default']
+    MdiLightChevronLeft: typeof import('~icons/mdi-light/chevron-left')['default']
+    MdiLightChevronRight: typeof import('~icons/mdi-light/chevron-right')['default']
+    MdiLightCog: typeof import('~icons/mdi-light/cog')['default']
+    MdiLightMagnify: typeof import('~icons/mdi-light/magnify')['default']
+    MobileMenu: typeof import('./components/MobileMenu.vue')['default']
+    OcticonContainer24: typeof import('~icons/octicon/container24')['default']
+    OcticonDownload24: typeof import('~icons/octicon/download24')['default']
+    OcticonTrash24: typeof import('~icons/octicon/trash24')['default']
+    PastTime: typeof import('./components/PastTime.vue')['default']
+    RelativeTime: typeof import('./components/RelativeTime.vue')['default']
+    ScrollableView: typeof import('./components/ScrollableView.vue')['default']
+    ScrollProgress: typeof import('./components/ScrollProgress.vue')['default']
+    Search: typeof import('./components/Search.vue')['default']
+    SideMenu: typeof import('./components/SideMenu.vue')['default']
   }
 }
 
-export {};
+export { }
diff --git a/assets/components/DropdownMenu.vue b/assets/components/DropdownMenu.vue
index 3ddd9d0f..380dcf4f 100644
--- a/assets/components/DropdownMenu.vue
+++ b/assets/components/DropdownMenu.vue
@@ -18,9 +18,11 @@
 <script lang="ts" setup></script>
 
 <style lang="scss" scoped>
-.button {
+.minimal .button {
   background-color: rgba(0, 0, 0, 0);
   border: none;
+  padding: 0.1em;
+  height: 100%;
 }
 .is-top .dropdown-menu {
   top: 0;
diff --git a/assets/components/LogViewer.vue b/assets/components/LogViewer.vue
index 2c625a29..734a31a5 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">
+        <dropdown-menu class="is-top minimal">
           <a class="dropdown-item" @click="jumpToLine">
             <div class="level is-justify-content-start">
               <div class="level-left">
@@ -101,33 +101,18 @@ const jumpToLine = async (e) => {
     &.selected {
       background-color: var(--menu-item-active-background-color);
       color: black;
-
-      & .jump {
-        color: var(--menu-item-hover-color) !important;
-      }
     }
     &.selected > .date {
       background-color: white;
     }
     & > .line {
       margin: auto 0;
+      width: 100%;
     }
     & > .line-options {
       display: flex;
       flex-direction: row-reverse;
       margin-right: 1em;
-      & .jump {
-        padding: 0;
-        background-color: rgba(0, 0, 0, 0);
-        color: var(--menu-item-hover-background-color);
-        border: none;
-        cursor: pointer;
-        opacity: 0;
-
-        &:hover {
-          opacity: 1;
-        }
-      }
     }
   }