diff --git a/src/css/popup.css b/src/css/popup.css index 3ce65aa..023b051 100644 --- a/src/css/popup.css +++ b/src/css/popup.css @@ -486,28 +486,28 @@ manage things like container crud */ .container-panel-controls { display: flex; - justify-content: flex-end; margin-block-end: var(--block-line-space-size); margin-block-start: var(--block-line-space-size); - margin-inline-end: var(--inline-item-space-size); - margin-inline-start: var(--inline-item-space-size); } -#container-panel #sort-containers-link { +#container-panel .sort-link { align-items: center; block-size: var(--block-url-label-size); border: 1px solid #d8d8d8; border-radius: var(--small-radius); color: var(--title-text-color); display: flex; + flex-grow: 1; font-size: var(--small-text-size); inline-size: var(--inline-button-size); justify-content: center; + margin-left: var(--block-line-space-size); + margin-right: var(--block-line-space-size); text-decoration: none; } -#container-panel #sort-containers-link:hover, -#container-panel #sort-containers-link:focus { +#container-panel .sort-link:hover, +#container-panel .sort-link:focus { background: #f2f2f2; } diff --git a/src/js/background/messageHandler.js b/src/js/background/messageHandler.js index f4236f1..02a2474 100644 --- a/src/js/background/messageHandler.js +++ b/src/js/background/messageHandler.js @@ -40,6 +40,9 @@ const messageHandler = { return assignManager._setOrRemoveAssignment(tab.id, m.url, m.userContextId, m.value); }); break; + case "sortTabsByWindow": + backgroundLogic.sortTabsByWindow(); + break; case "sortTabs": backgroundLogic.sortTabs(); break; diff --git a/src/js/popup.js b/src/js/popup.js index 1349ffa..7aa1757 100644 --- a/src/js/popup.js +++ b/src/js/popup.js @@ -599,6 +599,17 @@ Logic.registerPanel(P_CONTAINERS_LIST, { } }); + Logic.addEnterHandler(document.querySelector("#sort-containers-link-window"), async () => { + try { + await browser.runtime.sendMessage({ + method: "sortTabsByWindow" + }); + window.close(); + } catch (e) { + window.close(); + } + }); + Logic.addEnterHandler(document.querySelector("#sort-containers-link"), async () => { try { await browser.runtime.sendMessage({ diff --git a/src/popup.html b/src/popup.html index 813a02d..6a1096d 100644 --- a/src/popup.html +++ b/src/popup.html @@ -128,7 +128,8 @@
- Sort Tabs + Sort Tabs by Window + Sort Tabs