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)" > + {{ ' ' }} + +
+ + +