From f8cbf2310deb90b07f15920dd1ae02ba5deda2bb Mon Sep 17 00:00:00 2001
From: Michael Hamann <michael.hamann@xwiki.com>
Date: Thu, 13 Jun 2024 11:56:51 +0200
Subject: [PATCH] XWIKI-22115: Filter boxes for Notifications Custom Filters
LiveData are displayed in larger size in Chrome and Edge
* Adjust the styles of boolean filters to match those of list filters.
(cherry picked from commit df0baae087cc1208fb5be0d3921c06ddd6243868)
---
.../src/main/vue/filters/FilterBoolean.vue | 7 ++++---
1 file changed, 4 insertions(+), 3 deletions(-)
diff --git a/xwiki-platform-core/xwiki-platform-livedata/xwiki-platform-livedata-webjar/src/main/vue/filters/FilterBoolean.vue b/xwiki-platform-core/xwiki-platform-livedata/xwiki-platform-livedata-webjar/src/main/vue/filters/FilterBoolean.vue
index 33217cf60e8..148b079d70b 100644
--- a/xwiki-platform-core/xwiki-platform-livedata/xwiki-platform-livedata-webjar/src/main/vue/filters/FilterBoolean.vue
+++ b/xwiki-platform-core/xwiki-platform-livedata/xwiki-platform-livedata-webjar/src/main/vue/filters/FilterBoolean.vue
@@ -21,7 +21,7 @@
<!-- BooleanFilter is a custom filter that allow to filter boolean values. -->
<template>
- <select :value="filterValue" class="xwiki-selectize livedata-selectize" ref="input"
+ <select :value="filterValue" class="xwiki-selectize livedata-selectize filter-boolean" ref="input"
:aria-label="$t('livedata.filter.boolean.label')">
<option value=""></option>
<option :value="trueValue">{{ $t('livedata.displayer.boolean.true') }}</option>
@@ -87,7 +87,8 @@ export default {
</script>
<style>
-.livedata-selectize.xwiki-selectize {
- margin-top: 6px;
+.livedata-filter.filter-boolean .selectize-input {
+ height: 100%;
+ vertical-align: middle;
}
</style>
--
GitLab