diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json index 8f11b1d..46f6198 100644 --- a/src/_locales/en/messages.json +++ b/src/_locales/en/messages.json @@ -124,6 +124,9 @@ "Labels": { "message": "Labels" }, + "labelFontSize": { + "message": "Label Font Size" + }, "addSiteButton": { "message": "Add Site Button" }, diff --git a/src/index.html b/src/index.html index 29ceec5..b0dd802 100644 --- a/src/index.html +++ b/src/index.html @@ -255,6 +255,14 @@

Settings

+
+
+ +
+
+ +
+
diff --git a/src/js/background.js b/src/js/background.js index 3b4f5fa..32a2943 100644 --- a/src/js/background.js +++ b/src/js/background.js @@ -14,6 +14,7 @@ let defaults = { backgroundColor: '#111111', largeTiles: true, showTitles: true, + labelFontSize: 14, showAddSite: true, showFolders: true, showSettingsBtn: true, diff --git a/src/js/index.js b/src/js/index.js index a171108..e7ddbaf 100644 --- a/src/js/index.js +++ b/src/js/index.js @@ -59,6 +59,8 @@ const wallPaperEnabled = document.getElementById("wallpaper"); const previewContainer = document.getElementById("previewContainer"); const largeTilesInput = document.getElementById("largeTiles"); const showTitlesInput = document.getElementById("showTitles"); +const labelContainer = document.getElementById("labelContainer"); +const labelFontSizeInput = document.getElementById("labelFontSize"); const showCreateDialInput = document.getElementById("showCreateDial"); const showFoldersInput = document.getElementById("showFolders"); const showClockInput = document.getElementById("showClock"); @@ -117,6 +119,14 @@ function displayClock() { displayClock(); +// detect label settings +function changeLabelFontSize(){ + var input = document.getElementById("labelFontSize").value; + document.getElementById("tileContainer").style.fontSize = input + "pt"; +} + +changeLabelFontSize(); + function getBookmarks(folderId) { browser.bookmarks.getChildren(folderId).then(result => { if (folderId === speedDialId && !result.length && settings.showFolders) { @@ -1008,6 +1018,7 @@ function applySettings() { textColor_picker.value = settings.textColor; textColor_picker_wrapper.style.backgroundColor = settings.textColor; showTitlesInput.checked = settings.showTitles; + labelFontSizeInput.checked = settings.labelFontSize; showCreateDialInput.checked = settings.showAddSite; largeTilesInput.checked = settings.largeTiles; showFoldersInput.checked = settings.showFolders; @@ -1023,6 +1034,9 @@ function applySettings() { if (settings.wallpaper) { previewContainer.style.display = 'flex'; } + if (settings.showTitles) { + labelContainer.style.display = 'flex'; + } }); } @@ -1033,6 +1047,7 @@ function saveSettings() { settings.backgroundColor = color_picker.value; settings.textColor = textColor_picker.value; settings.showTitles = showTitlesInput.checked; + settings.labelFontSize = labelFontSizeInput.checked; settings.showAddSite = showCreateDialInput.checked; settings.largeTiles = largeTilesInput.checked; settings.showFolders = showFoldersInput.checked; @@ -1292,6 +1307,14 @@ wallPaperEnabled.onchange = function () { } }; +showTitlesInput.onchange = function () { + if (this.checked) { + labelContainer.style.display = "flex"; + } else { + labelContainer.style.display = "none"; + } +}; + // native handlers for folder tab target function dragenterHandler(ev) { // temporary fix for firefox < v92