diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js index bbd1e8631..89079635a 100644 --- a/src/components/settings_modal/tabs/filtering_tab.js +++ b/src/components/settings_modal/tabs/filtering_tab.js @@ -66,7 +66,7 @@ const FilteringTab = { let valid = true try { new RegExp(value) - } catch { + } catch (e) { valid = false console.error('Invalid RegExp: ' + value) } diff --git a/src/components/settings_modal/tabs/filtering_tab.scss b/src/components/settings_modal/tabs/filtering_tab.scss index 6346654b9..7d5ffabb6 100644 --- a/src/components/settings_modal/tabs/filtering_tab.scss +++ b/src/components/settings_modal/tabs/filtering_tab.scss @@ -2,6 +2,7 @@ .muteFilterContainer { border: 1px solid var(--border); border-radius: var(--roundness); + height: 33vh; overflow-y: auto; } @@ -11,6 +12,7 @@ border-radius: var(--roundness); margin: 0.5em; padding: 0.5em; + display: grid; grid-template-columns: fit-content() 1fr fit-content(); align-items: baseline; @@ -22,8 +24,7 @@ grid-row: 1; } - .alert, - .button-default { + .alert, .button-default { display: inline-block; line-height: 2; padding: 0 0.5em; @@ -32,6 +33,7 @@ .filter-enabled { grid-column: 3; grid-row: 1; + text-align: right; } diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue index d3c18a184..8b1291102 100644 --- a/src/components/settings_modal/tabs/filtering_tab.vue +++ b/src/components/settings_modal/tabs/filtering_tab.vue @@ -1,8 +1,5 @@