Moved to trmcnvn/chrome-addon CD task

Fixed context menu position on scrolling

.github/workflows/ci.yaml

@@ -46,7 +46,7 @@ jobs:
         exclusions: '.git/* .vscode/* .github/* *.md'
 
     - name: Publish to Chrome Webstore
-      uses: SebastienGllmt/chrome-addon@v3
+      uses: trmcnvn/chrome-addon@v2
       with:
         extension: mgmjbodjgijnebfgohlnjkegdpbdjgin
         zip: ./TabsAside.zip

.gitignore

@@ -0,0 +1 @@
+\.vscode

.whitesource

@@ -0,0 +1,12 @@
+{
+  "scanSettings": {
+    "baseBranches": []
+  },
+  "checkRunSettings": {
+    "vulnerableCheckRunConclusionLevel": "failure",
+    "displayMode": "diff"
+  },
+  "issueSettings": {
+    "minSeverityLevel": "LOW"
+  }
+}

TabsAside.html

@@ -19,7 +19,7 @@
 		<aside class="tabsAside pane">
 			<header>
 				<h1 loc="name">Tabs aside</h1>
-				<button loc_alt="options" class="btn more" title="Options">&#xE10C;<span class="updateBadge"></span></button>
+				<button loc_alt="options" class="btn more" title="Options">&#xE712;<span class="updateBadge"></span></button>
 
 				<nav>
 					<label class="checkbox control">
@@ -64,9 +64,9 @@
 					</p>
 				</nav>
 
-				<button loc_alt="closePanel" class="btn remove" title="Close panel">&#xE10A;</button>
+				<button loc_alt="closePanel" class="btn remove" title="Close panel">&#xE711;</button>
 				<a class="saveTabs">
-					<span class="iconArrowRight">&#xE0AB;</span>
+					<span class="iconArrowRight">&#xE72A;</span>
 					<span loc="setAside">Set current tabs aside</span>
 					<span loc_alt="setMultipleTabsAsideTooltip" class="iconQuestionCircle" title="Tip : You can set aside specific tabs by selecting them (by holding CTRL or SHIFT and clicking on the tabs) before clicking on the TabsAside extension">&#xE9CE;</span>
 				</a>

_locales/pl/messages.json

@@ -0,0 +1,142 @@
+{
+	"name":
+	{
+		"message": "Kolekcje zakładek",
+		"description": "Extension name. Displayed in the manifest and pane header"
+	},
+	"description":
+	{
+		"message": "Klasyczna funkcjonalność Microsoft Edge \"Kolekcje zakładek\"",
+		"description": "Extension description"
+	},
+	"author":
+	{
+		"message": "Michael \"XFox\" Gordeev",
+		"description": "Author name"
+	},
+	"options":
+	{
+		"message": "Opcje",
+		"description": "Alternative text for options button in the pane"
+	},
+	"closePanel":
+	{
+		"message": "Zamknij",
+		"description": "Alternative text for close panel button"
+	},
+	"loadOnRestore":
+	{
+		"message": "Przeładuj zawartość kart podczas przywracania",
+		"description": "Label for option"
+	},
+	"showDeleteDialog":
+	{
+		"message": "Pokaż potwierdzenie podczas kasowania elementu",
+		"description": "Label for option"
+	},
+	"swapIconAction":
+	{
+		"message": "Kliknięcie na ikonę zapisuje aktualne karty (%TOGGLE_SHORTCUT% lub prawy przycisk myszki, aby otworzyć panel)",
+		"description": "Label for option"
+	},
+	"github":
+	{
+		"message": "Strona GitHub",
+		"description": "Link title"
+	},
+	"changelog":
+	{
+		"message": "Historia zmian",
+		"description": "Link title"
+	},
+	"feedback":
+	{
+		"message": "Wyślij opinię",
+		"description": "Link title"
+	},
+	"buyMeACoffee":
+	{
+		"message": "Kup mi kawę!",
+		"description": "Link title"
+	},
+	"credits":
+	{
+		"message": "Opracowane przez Michael 'XFox' Gordeev",
+		"description": "Options menu credits"
+	},
+	"setAside":
+	{
+		"message": "Zapisz aktualne karty",
+		"description": "Save collection action name. Used in the pane, extension context menu and manifest shortcuts"
+	},
+	"setMultipleTabsAsideTooltip":
+	{
+		"message": "Wskazówka : możesz zaznaczyć interesujące karty używając CTRL lub SHIFT na karcie, aby tylko te później zapisać",
+		"description": "Tooltip displayed on hover in the pane to explain how to set specific tabs aside"
+	},
+	"nothingSaved":
+	{
+		"message": "Nie posiadasz żadnej kolekcji zakładek",
+		"description": "Placeholder for empty pane"
+	},
+	"removeTab":
+	{
+		"message": "Usunięcie karty z kolekcji",
+		"description": "Button hint on a tab card"
+	},
+	"restoreTabs":
+	{
+		"message": "Przywrócenie kart",
+		"description": "Collection restore action link name"
+	},
+	"more":
+	{
+		"message": "Więcej...",
+		"description": "Collections' more button title"
+	},
+	"restoreNoRemove":
+	{
+		"message": "Przywrócenie kart bez usunięcia kolekcji",
+		"description": "Context action item name"
+	},
+	"removeCollection":
+	{
+		"message": "Usunięcie kolekcji",
+		"description": "Collection remove action name"
+	},
+	"removeCollectionConfirm":
+	{
+		"message": "Jesteś pewny, że chcesz skasować kolekcję?",
+		"description": "Prompt dialog content on collection deletion"
+	},
+	"removeTabConfirm":
+	{
+		"message": "Jesteś pewny, że chcesz skasować zakładkę?",
+		"description": "Prompt dialog content on one tab deletion"
+	},
+	"togglePaneContext":
+	{
+		"message": "Przełącz panel kolekcji",
+		"description": "Context action name. Used in extension context menu and manifest shortcuts"
+	},
+	"noTabsToSave":
+	{
+		"message": "Brak zakładek do zapisu",
+		"description": "Alert dialog message when there's no tabs to save"
+	},
+	"errorSavingTabs":
+	{
+		"message": "Zakładki nie mogą zostać zapisane. Przypuszczalnie zbyt wiele zakładek lub aktualnie posiadanych kolekcji.",
+		"description": "Alert dialog message when there is an issue saving tabs"
+	},
+	"olderDataMigrationFailed":
+	{
+		"message": "Niektóre kolekcje z poprzedniej wersji nie mogły zostać przekonwertowane, w związku z czym zostały zapisane jako zwykłe zakładki w przeglądarce",
+		"description": "Alert dialog message when there is an issue migrating previous versions data"
+	},
+	"tabs":
+	{
+		"message": "elementów",
+		"description": "Collection tabs counter label (e.g. 8 items)"
+	}
+}

css/style.css

@@ -127,7 +127,7 @@
 			width: 16px;
 			height: 16px;
 			display: inline-block;
-			font-family: "Segoe MDL2 Assets";
+			font-family: "SegoeMDL2Assets";
 			margin: 2px;
 		}
 		.iconQuestionCircle
@@ -209,7 +209,8 @@
 		.collectionSet > .header > div > nav
 		{
 			width: 250px;
-			right: 60px;
+			right: 0px;
+			top: 35px;
 		}
 
 		/* Tabs collection */
@@ -238,7 +239,7 @@
 
 				background-color: #c2c2c2;
 				background-image: url("chrome-extension://__MSG_@@extension_id__/images/tab_thumbnail.png"),
-								  url("chrome-extension://__MSG_@@extension_id__/images/tab_thumbnail.png");
+								  url("moz-extension://__MSG_@@extension_id__/images/tab_thumbnail.png");
 				background-size: cover;
 				background-position-x: center;
 

css/style.dark.css

@@ -113,3 +113,24 @@
 	{
 		background-color: #4a4a4a;
 	}
+
+.tabsAside[darkmode] .listviewSwitch > div
+{
+	border-radius: 1px;
+	background-color: gray;
+}
+
+.tabsAside[darkmode] .tabsAside .listviewSwitch.tile > div
+{
+	background-color: #c2c2c2;
+}
+
+.tabsAside[darkmode] .tabsAside[listview] .listviewSwitch.tile > div
+{
+	background-color: gray;
+}
+
+.tabsAside[darkmode] .tabsAside[listview] .listviewSwitch.list > div
+{
+	background-color: #c2c2c2;
+}

css/style.generic.css

@@ -30,7 +30,7 @@
 
 .tabsAside
 {
-	font-family: "Segoe UI", "Segoe MDL2 Assets" !important;
+	font-family: "SegoeUI", "SegoeMDL2Assets" !important;
 	font-size: 14px;
 	user-select: none;
 }
@@ -56,6 +56,7 @@
 {
 	width: 28px;
 	height: 28px;
+	font-size: 16px;
 	background-color: transparent;
 	border: none;
 	cursor: pointer;
@@ -72,6 +73,11 @@
 	}
 
 /* Context menus style */
+.tabsAside .contextContainer
+{
+	position: relative;
+}
+
 .tabsAside nav
 {
 	user-select: none;
@@ -107,7 +113,7 @@
 		width: 100%;
 
 		height: 32px;
-		font-family: "Segoe UI";
+		font-family: "SegoeUI";
 		font-size: 12px;
 
 		display: grid;
@@ -149,7 +155,7 @@
 	background-repeat: no-repeat;
 	background-size: 12px;
 	background-position: center;
-	font-family: "Segoe UI", "Segoe MDL2 Assets";
+	font-family: "SegoeUI", "SegoeMDL2Assets";
 }
 
 .control.checkbox
@@ -188,8 +194,8 @@
 			position: absolute;
 			color: rgba(0, 0, 0, .4);
 
-			font-family: "Segoe MDL2 Assets";
+			font-family: "SegoeMDL2Assets";
-			content: "\E001";
+			content: "\E73E";
 
 			width: 16px;
 			height: 16px;
@@ -210,14 +216,16 @@
 
 @font-face
 {
-	font-family: "Segoe UI";
+	font-family: "SegoeUI";
 	src: local("Segoe UI"),
-		url("fonts/segoeui.ttf") format("truetype"),
+		url("../fonts/segoeui.ttf") format("truetype"),
+		url("../fonts/segoeui.woff") format("woff")
 }
 
 @font-face
 {
-	font-family: "Segoe MDL2 Assets";
+	font-family: "SegoeMDL2Assets";
 	src: local("Segoe MDL2 Assets"),
-		url("fonts/segoemdl2.ttf") format("truetype"),
+		url("../fonts/segoemdl2.ttf") format("truetype"),
+		url("../fonts/segoemdl2.woff") format("woff")
 }

js/aside-script.js

@@ -240,7 +240,7 @@ function ReloadCollections(collections, thumbnails)
 	document.querySelector(".tabsAside section h2").removeAttribute("hidden");
 	document.querySelectorAll(".tabsAside section > div").forEach(i => i.remove());
 
-	for (var collection of Object.values(collections))
+	for (var collection of Object.values(collections).reverse())
 		AddCollection(collection, thumbnails);
 }
 
@@ -257,7 +257,7 @@ function AddCollection(collection, thumbnails)
 				"<div>" +
 					"<div" + (!thumbnails[collection.links[i]]?.iconUrl ? "" : " style='background-image: url(\"" + thumbnails[collection.links[i]].iconUrl + "\")'") + "></div>" +
 					"<span>" + collection.titles[i] + "</span>" +
-					"<button loc_alt='removeTab' class='btn remove' title='Remove tab from collection'>&#xE10A;</button>" +
+					"<button loc_alt='removeTab' class='btn remove' title='Remove tab from collection'>&#xE711;</button>" +
 				"</div>" +
 			"</div>";
 
@@ -266,13 +266,13 @@ function AddCollection(collection, thumbnails)
 			"<div class='header'>" +
 				"<input type='text' value='" + (collection.name ?? new Date(collection.timestamp).toDateString()) + "'/>" +
 				"<a loc='restoreTabs' class='restoreCollection'>Restore tabs</a>" +
-				"<div>" +
+				"<div class='contextContainer'>" +
-					"<button loc_alt='more' class='btn more' title='More...'>&#xE10C;</button>" +
+					"<button loc_alt='more' class='btn more' title='More...'>&#xE712;</button>" +
 					"<nav>" +
 						"<button loc='restoreNoRemove' class='restoreCollection noDelete'>Restore without removing</button>" +
 					"</nav>" +
 				"</div>" +
-				"<button loc_alt='removeCollection' class='btn remove' title='Remove collection'>&#xE10A;</button>" +
+				"<button loc_alt='removeCollection' class='btn remove' title='Remove collection'>&#xE711;</button>" +
 				"<small>" + collection.links.length + " " + chrome.i18n.getMessage("tabs") +"</small>" +
 			"</div>" +
 

manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "__MSG_name__",
-	"version": "2.0",
+	"version": "2.0.5",
 	"manifest_version": 2,
 	"description": "__MSG_description__",
 	"author": "__MSG_author__",