diff --git a/src/css/links.css b/src/css/links.css
index 6069a89..4639f5c 100644
--- a/src/css/links.css
+++ b/src/css/links.css
@@ -11,11 +11,7 @@ a:visited {
z-index: 10;
}
-#toast-container {
- margin-bottom: 60px;
- margin-right: 70px;
-}
-
-.toast {
+.toast-container {
max-width: 260px;
+ width: 100%;
}
diff --git a/src/css/options.css b/src/css/options.css
index 2eecf7c..270a963 100644
--- a/src/css/options.css
+++ b/src/css/options.css
@@ -4,6 +4,7 @@
min-width: 360px;
}
-.toast {
- max-width: 260px;
+.toast-container {
+ max-width: 320px;
+ width: 100%;
}
diff --git a/src/html/links.html b/src/html/links.html
index 8610488..2476f79 100644
--- a/src/html/links.html
+++ b/src/html/links.html
@@ -104,7 +104,7 @@
Keyboard Shortcuts
-
+
diff --git a/src/js/options.js b/src/js/options.js
index 709b2cb..5e82576 100644
--- a/src/js/options.js
+++ b/src/js/options.js
@@ -92,6 +92,9 @@ async function addFilter(event) {
console.debug('patterns:', patterns)
await chrome.storage.sync.set({ patterns })
updateTable(patterns)
+ showToast(`Added Filter: ${filter}`)
+ } else {
+ showToast(`Filter Exists: ${filter}`, 'warning')
}
}
element.value = ''
@@ -279,11 +282,13 @@ async function deleteFilter(event, index = undefined) {
}
console.log(`index: ${index}`)
if (index !== undefined) {
+ const name = patterns[index]
patterns.splice(index, 1)
await chrome.storage.sync.set({ patterns })
console.debug('patterns:', patterns)
updateTable(patterns)
document.getElementById('add-filter').focus()
+ showToast(`Removed Filter: ${name}`, 'info')
}
}