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 @@
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