misc

src/web/price-check/filters/FilterModifier.vue

@@ -184,7 +184,8 @@ export default defineComponent({
       inputMax,
       sliderValue,
       fontSize: computed(() => Config.store.fontSize),
-      inputFocus
+      inputFocus,
+      toggleFilter
     }
   }
 })

src/web/price-check/trade/TradeListing.vue

@@ -6,7 +6,7 @@
         <span v-if="!list" class="text-gray-600">...</span>
         <span v-else>{{ list.total }}{{ list.inexact ? '+' : '' }}</span>
       </div>
-      <ui-popover v-if="list" tag-name="div" class="flex min-w-0" :delayOnMouseOver="70" :delayOnMouseOut="150" placement="bottom-start" boundary="#price-window">
+      <ui-popover v-if="list" :delay="[80, null]" placement="bottom-start" boundary="#price-window">
         <template #target>
           <button class="text-gray-500 rounded mr-1 px-2 truncate">
             <span><i class="fas fa-history"></i> {{ t(filters.trade.offline ? 'Offline' : 'Online') }}</span>

src/web/ui/Popover.vue

@@ -31,6 +31,10 @@ export default defineComponent({
     arrow: {
       type: Boolean,
       default: true
+    },
+    delay: {
+      type: [Array, Number] as PropType<number | [number | null, number | null]>,
+      default: 0
     }
   },
   setup (props) {
@@ -46,6 +50,7 @@ export default defineComponent({
         trigger: props.trigger,
         placement: props.placement,
         arrow: props.arrow,
+        delay: props.delay,
         popperOptions: {
           modifiers: [
             ...(props.boundary