mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-26 07:13:41 +01:00
Code Issues Projects Releases Wiki Activity

fix: fixes flicker on scroll progress bar (#2371)

Browse Source
This commit is contained in:
Amir Raminfar
2023-08-28 09:06:31 -07:00
committed by GitHub
parent 06c6a605fd
commit 617bf71cad
2 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
assets/components/LogViewer/LogViewer.vue
View File

@@ -1,5 +1,5 @@
<template>
<ul class="events" ref="events" :class="{ 'disable-wrap': !softWrap, [size]: true }">
<ul class="events" :class="{ 'disable-wrap': !softWrap, [size]: true }">
<li
v-for="(item, index) in filtered"
:key="item.id"
@@ -46,7 +46,6 @@ const { messages } = toRefs(props);
const visible = filteredPayload(messages);
const filtered = filteredMessages(visible);
const events = ref<HTMLElement>();
let lastSelectedItem: LogEntry<string | JSONObject> | undefined = $ref(undefined);
function handleJumpLineSelected(e: Event, item: LogEntry<string | JSONObject>) {

4
assets/components/ScrollableView.vue
View File

@@ -4,8 +4,8 @@
<slot name="header"></slot>
</header>
<main :data-scrolling="scrollable ? true : undefined">
<div class="is-scrollbar-progress is-hidden-mobile">
<scroll-progress v-if="paused" :indeterminate="loading" :auto-hide="!loading"></scroll-progress>
<div class="is-scrollbar-progress is-hidden-mobile" v-show="paused">
<scroll-progress :indeterminate="loading" :auto-hide="!loading"></scroll-progress>
</div>
<div ref="scrollableContent">
<slot :setLoading="setLoading"></slot>