mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-30 17:47:28 +01:00
Code Issues Projects Releases Wiki Activity

Change Jump to Context menu to be a dropdown menu

Browse Source 
I extracted the dropdown portion of the LogActionsToolbar into a separate DropdownMenu component so that it can be reused for Jump to Context.

Other Changes:
- Remove unused style in LogActionsToolbar
This commit is contained in:
Coteh
2022-01-30 19:49:44 -05:00
parent 69e28e3723
commit 94de10d54c
4 changed files with 109 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
assets/components/LogViewer.vue
View File

@@ -8,13 +8,20 @@
:class="item.selected ? 'selected' : ''"
>
<div class="line-options" v-if="isSearching()">
<o-tooltip label="Jump to context" position="right" delay="500">
<button class="jump" @click="jumpToLine">
<span class="icon">
<mdi-dots-vertical />
</span>
</button>
</o-tooltip>
<dropdown-menu class="is-top is-small">
<a class="dropdown-item" @click="jumpToLine">
<div class="level is-justify-content-start">
<div class="level-left">
<div class="level-item">
<cil-find-in-page class="mr-4" />
</div>
</div>
<div class="level-right">
<div class="level-item">Jump to Context</div>
</div>
</div>
</a>
</dropdown-menu>
</div>
<div class="line">
<span class="date" v-if="showTimestamp"> <relative-time :date="item.date"></relative-time></span>