koichixD/uptime-kuma
1
0
Fork 0
mirror of https://github.com/koichixD/uptime-kuma.git synced 2026-08-29 01:01:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(dashboard): add scroll bar to tags dropdown (#6887)

Browse Source 
Co-authored-by: Frank Elsinga <frank@elsinga.de>
This commit is contained in:
SmartCoder
2026-02-08 10:53:43 -05:00
committed by GitHub
parent 0a578fac50
commit 28bc83a562
1 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MonitorListFilter.vue
+27 -16
View File
@@ -117,22 +117,28 @@
</span>
</template>
<template #dropdown>
<li v-for="tag in tagsList" :key="tag.id">
<div class="dropdown-item" tabindex="0" @click.stop="toggleTagFilter(tag)">
<div class="d-flex align-items-center justify-content-between">
<span><Tag :item="tag" :size="'sm'" /></span>
<span class="ps-3">
{{ getTaggedMonitorCount(tag) }}
<span v-if="filterState.tags?.includes(tag.id)" class="px-1 filter-active">
<font-awesome-icon icon="check" />
</span>
</span>
</div>
</div>
</li>
<li v-if="tagsList.length === 0">
<div class="dropdown-item disabled px-3">
{{ $t("No tags found.") }}
<li class="list-unstyled m-0 p-0">
<div class="tags-dropdown-scroll">
<ul class="list-unstyled m-0 p-0">
<li v-for="tag in tagsList" :key="tag.id">
<div class="dropdown-item" tabindex="0" @click.stop="toggleTagFilter(tag)">
<div class="d-flex align-items-center justify-content-between">
<span><Tag :item="tag" :size="'sm'" /></span>
<span class="ps-3">
{{ getTaggedMonitorCount(tag) }}
<span v-if="filterState.tags?.includes(tag.id)" class="px-1 filter-active">
<font-awesome-icon icon="check" />
</span>
</span>
</div>
</div>
</li>
<li v-if="tagsList.length === 0">
<div class="dropdown-item disabled px-3">
{{ $t("No tags found.") }}
</div>
</li>
</ul>
</div>
</li>
</template>
@@ -343,4 +349,9 @@ export default {
.btn-collapse-all {
transition: none !important;
}
.tags-dropdown-scroll {
max-height: min(50vh, 320px);
overflow-y: auto;
}
</style>