diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index ef3d8835b..e0d0f6879 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -58,6 +58,7 @@ const FilteringTab = {
hide = false,
name = '',
value = '',
+ caseSensitive = false,
} = data
this.createFilter({
@@ -66,6 +67,7 @@ const FilteringTab = {
hide,
name,
value,
+ caseSensitive,
})
},
onImportFailure(result) {
diff --git a/src/components/settings_modal/tabs/filtering_tab.scss b/src/components/settings_modal/tabs/filtering_tab.scss
index 5b51c5e4d..9550ef7bf 100644
--- a/src/components/settings_modal/tabs/filtering_tab.scss
+++ b/src/components/settings_modal/tabs/filtering_tab.scss
@@ -51,7 +51,16 @@
text-align: right;
}
+ > label.checkbox {
+ display: grid;
+ grid-template-columns: subgrid;
+ grid-template-rows: subgrid;
+ grid-column: 1 / span 2;
+ text-align: right;
+ }
+
.filter-field-value {
+ display: flex;
grid-column: 2 / span 2;
}
}
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index bb0dccb85..eaf1665d7 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -254,6 +254,20 @@
:value="filter[1].value"
@input="updateFilter(filter[0], 'value', $event.target.value)"
>
+ {{ ' ' }}
+
+
+
+
+ {{ $t('settings.filter.case_sensitive') }}
+
+