diff --git a/src/css/popup.css b/src/css/popup.css index d9d5997..2dfe457 100644 --- a/src/css/popup.css +++ b/src/css/popup.css @@ -8,3 +8,9 @@ input::placeholder, textarea::placeholder { text-align: center; } + +.dropdown-menu { + max-width: 100vw; + white-space: normal; + overflow: hidden; +} diff --git a/src/html/links.html b/src/html/links.html index 46b3d9c..7d33072 100644 --- a/src/html/links.html +++ b/src/html/links.html @@ -1,6 +1,7 @@ + Link Extractor diff --git a/src/html/options.html b/src/html/options.html index f41885b..6709f50 100644 --- a/src/html/options.html +++ b/src/html/options.html @@ -1,6 +1,7 @@ + Link Extractor Options @@ -16,14 +17,15 @@
-
- Link Extractor -

Link Extractor

+
+ Link Extractor +

Link Extractor

v

- +
@@ -38,10 +40,10 @@

Link Extractor

-
+ Reset to Default - +
Invalid Regex Flags.
Flags used when using a filter. @@ -77,8 +79,6 @@

Link Extractor

-
-
@@ -87,18 +87,16 @@

Link Extractor

-
- - - - - - - -
Saved Filters
- - Filter
-
+ + + + + + + +
Saved Filters
+ + Filter
+ Link Extractor @@ -14,11 +15,11 @@
- + All Links
- -
@@ -56,10 +57,10 @@
- + Options -
- Link Extractor +
+ Link Extractor Link Extractor v
diff --git a/src/js/links.js b/src/js/links.js index 6bef2c3..cbb993d 100644 --- a/src/js/links.js +++ b/src/js/links.js @@ -25,7 +25,7 @@ const dtOptions = { processing: true, saveState: true, bSort: true, - order: [0, 'desc'], + order: [[0, 'asc']], pageLength: -1, lengthMenu: [ [10, 25, 50, 100, 250, -1], diff --git a/src/js/options.js b/src/js/options.js index bfa2721..5f5dc8e 100644 --- a/src/js/options.js +++ b/src/js/options.js @@ -110,7 +110,7 @@ function updateTable(data) { button.setAttribute('role', 'button') button.addEventListener('click', deleteHost) const cell1 = row.insertCell() - cell1.classList.add('text-center') + cell1.classList.add('text-center', 'align-middle') cell1.appendChild(button) const link = document.createElement('a') @@ -125,6 +125,7 @@ function updateTable(data) { ) link.setAttribute('role', 'button') const cell2 = row.insertCell() + cell2.classList.add('text-break') cell2.appendChild(link) }) } diff --git a/src/js/popup.js b/src/js/popup.js index 153fa10..da5c91a 100644 --- a/src/js/popup.js +++ b/src/js/popup.js @@ -7,12 +7,12 @@ document.getElementById('filter-form').addEventListener('submit', filterForm) document.getElementById('links-form').addEventListener('submit', linksForm) document.getElementById('links-text').addEventListener('input', updateLinks) -document - .querySelectorAll('[data-filter]') - .forEach((el) => el.addEventListener('click', filterForm)) document .querySelectorAll('a[href]') .forEach((el) => el.addEventListener('click', popupLinks)) +document + .querySelectorAll('[data-filter]') + .forEach((el) => el.addEventListener('click', filterForm)) document .querySelectorAll('#options-form input') .forEach((el) => el.addEventListener('change', saveOptions)) @@ -59,7 +59,7 @@ function createFilterLink(number, value = '') { const a = document.createElement('a') a.textContent = value a.dataset.pattern = value - a.classList.add('dropdown-item', 'small') + a.classList.add('dropdown-item', 'small', 'text-break') a.setAttribute('role', 'button') a.addEventListener('click', filterForm) li.appendChild(a)