-
+
@@ -43,7 +43,7 @@
diff --git a/src/html/menu/nav.html b/src/html/menu/nav.html
index ddddfb7a..b0f8b79d 100644
--- a/src/html/menu/nav.html
+++ b/src/html/menu/nav.html
@@ -1,6 +1,6 @@
diff --git a/src/js/auto-suggest.js b/src/js/auto-suggest.js
index 21f9ea66..ced78d46 100644
--- a/src/js/auto-suggest.js
+++ b/src/js/auto-suggest.js
@@ -153,7 +153,7 @@ var autoSuggest = (function() {
document.removeEventListener("keydown", bind.navigateResults, false);
},
clickOut: function(event) {
- if (!(event.target.classList.contains("auto-suggest-list")) && !(event.target.classList.contains("auto-suggest-input"))) {
+ if (!(event.target.classList.contains("auto-suggest")) &&!(event.target.classList.contains("auto-suggest-list")) && !(event.target.classList.contains("auto-suggest-input"))) {
render.close();
};
}
@@ -176,7 +176,7 @@ var autoSuggest = (function() {
fontawesomeIcon: function() {
suggestItems.forEach(function(arrayItem) {
var li = helper.node("li|class:auto-suggest-list-item");
- var button = helper.node("button|tabindex:1,class:auto-suggest-item");
+ var button = helper.node("button|tabindex:1,class:button button-link button-ring auto-suggest-item");
var icon = helper.node("span|class:auto-suggest-icon fa-" + arrayItem.name);
if (arrayItem.styles.includes("solid")) {
helper.addClass(icon, "fas");
diff --git a/src/js/header.js b/src/js/header.js
index a74fbac4..a41eb8c3 100644
--- a/src/js/header.js
+++ b/src/js/header.js
@@ -167,15 +167,15 @@ var header = (function() {
var forminline = helper.node("div|class:form-inline");
var formGroup = helper.node("div|class:form-group header-order-control");
- var buttonUp = helper.node("button|class:button form-group-item-shrink header-order-control-item header-order-control-item-up,tabindex:-1,title:Move this header item up");
+ var buttonUp = helper.node("button|class:button button-line form-group-item-shrink header-order-control-item header-order-control-item-up,tabindex:-1,title:Move this header item up");
var buttonUpIcon = helper.node("span|class:button-icon icon-arrow-up");
buttonUp.appendChild(buttonUpIcon);
- var linkHandle = helper.node("div|class:button form-group-item-shrink header-order-control-item header-order-control-item-handle,tabindex:-1,title:Drag header item to reorder");
+ var linkHandle = helper.node("div|class:button button-line form-group-item-shrink header-order-control-item header-order-control-item-handle,tabindex:-1,title:Drag header item to reorder");
var linkHandleIcon = helper.node("span|class:button-icon icon-reorder");
linkHandle.appendChild(linkHandleIcon);
- var buttonDown = helper.node("button|class:button form-group-item-shrink header-order-control-item header-order-control-item-down,tabindex:-1,title:Move this header item down");
+ var buttonDown = helper.node("button|class:button button-line form-group-item-shrink header-order-control-item header-order-control-item-down,tabindex:-1,title:Move this header item down");
var buttonDownIcon = helper.node("span|class:button-icon icon-arrow-down");
buttonDown.appendChild(buttonDownIcon);
@@ -367,7 +367,7 @@ var header = (function() {
},
editAdd: function() {
var formGroup = helper.node("div|class:header-editadd form-group form-group-nested-button");
- var formInputButton = helper.node("div|class:form-input-button form-input-hide");
+ var formInputButton = helper.node("div|class:form-input-button form-input-button-line form-input-hide");
var controlEditInput = helper.node("input|id:control-edit,class:header-edit control-edit,type:checkbox,tabindex:1");
var controlEditLabel = helper.node("label|for:control-edit");
var controlEditLabelText = helper.node("span:Edit");
@@ -378,7 +378,7 @@ var header = (function() {
formInputButton.appendChild(controlEditLabel);
var formDropdown = helper.node("div|class:form-dropdown");
- var controlAddToggle = helper.node("button|class:header-add control-add-toggle form-dropdown-toggle button,tabindex:1");
+ var controlAddToggle = helper.node("button|class:header-add control-add-toggle form-dropdown-toggle button button-line,tabindex:1");
var controlAddToggleText = helper.node("span:Add");
controlAddToggle.appendChild(controlAddToggleText);
var formDropdownMenu = helper.node("ul|class:list-unstyled form-dropdown-menu");
@@ -410,7 +410,7 @@ var header = (function() {
colorAccent: function() {
var formGroup = helper.node("div|class:header-coloraccent form-group form-group-nested-button");
- var colorInputButton = helper.node("div|class:form-input-button");
+ var colorInputButton = helper.node("div|class:form-input-button form-input-button-line");
var colorInput = helper.node("input|id:control-theme-color-rgb-color-quick,class:control-theme-color-rgb-color-quick header-color,type:color,value:#000000,tabindex:1,autocomplete:off");
var colorInputLabel = helper.node("label|for:control-theme-color-rgb-color-quick");
var colorInputLabelText = helper.node("span:Colour");
@@ -418,7 +418,7 @@ var header = (function() {
colorInputButton.appendChild(colorInput);
colorInputButton.appendChild(colorInputLabel);
- var accentInputButton = helper.node("div|class:form-input-button");
+ var accentInputButton = helper.node("div|class:form-input-button form-input-button-line");
var accentInput = helper.node("input|id:control-theme-accent-rgb-color-quick,class:control-theme-accent-rgb-color-quick header-accent,type:color,value:#000000,tabindex:1,autocomplete:off");
var accentInputLabel = helper.node("label|for:control-theme-accent-rgb-color-quick");
var accentInputLabelText = helper.node("span:Accent");
@@ -446,7 +446,7 @@ var header = (function() {
return formGroup;
},
menu: function() {
- var button = helper.node("button|class:control-menu-open header-menu button,tabindex:1");
+ var button = helper.node("button|class:control-menu-open header-menu button button-line,tabindex:1");
var baselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
var buttonIcon = helper.node("span|class:icon-settings");
if (state.get.current().header.menu.style == "clear") {
diff --git a/src/js/link.js b/src/js/link.js
index 62b2013e..976c1e64 100644
--- a/src/js/link.js
+++ b/src/js/link.js
@@ -434,12 +434,13 @@ var link = (function() {
groupHeaderItemName.appendChild(groupName);
var groupOpenall = helper.node("div|class:group-openall form-group");
- var groupOpenallItem = helper.node("button|class:button group-openall-item,tabindex:1,title:Open all Bookmarks in this Group");
+ var groupOpenallItem = helper.node("button|class:button button-line group-openall-item,tabindex:1,title:Open all Bookmarks in this Group");
var groupOpenallItemText = helper.node("span:Open all|class:button-text");
groupOpenallItem.appendChild(groupOpenallItemText);
groupOpenall.appendChild(groupOpenallItem);
if (state.get.current().group.openAll.style == "clear") {
+ helper.removeClass(groupOpenallItem, "button-line");
helper.addClass(groupOpenallItem, "button-link");
};
@@ -447,35 +448,35 @@ var link = (function() {
var groupControl = helper.node("div|class:group-control form-group");
- var groupControlItemUp = helper.node("button|class:button group-control-item group-control-item-up,tabindex:-1,title:Move this group up");
+ var groupControlItemUp = helper.node("button|class:button button-line group-control-item group-control-item-up,tabindex:-1,title:Move this group up");
var groupControlItemUpIcon = helper.node("span|class:icon-arrow-up");
var groupControlItemUpBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemUp.appendChild(groupControlItemUpBaselineAlignmentCharacter);
groupControlItemUp.appendChild(groupControlItemUpIcon);
groupControl.appendChild(groupControlItemUp);
- var groupControlItemHandle = helper.node("div|class:button group-control-item group-control-item-handle,tabindex:-1,title:Drag group to reorder");
+ var groupControlItemHandle = helper.node("div|class:button button-line group-control-item group-control-item-handle,tabindex:-1,title:Drag group to reorder");
var groupControlItemHandleIcon = helper.node("span|class:icon-reorder");
var groupControlItemHandleBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemHandle.appendChild(groupControlItemHandleBaselineAlignmentCharacter);
groupControlItemHandle.appendChild(groupControlItemHandleIcon);
groupControl.appendChild(groupControlItemHandle);
- var groupControlItemDown = helper.node("button|class:button group-control-item group-control-item-down,tabindex:-1,title:Move this group down");
+ var groupControlItemDown = helper.node("button|class:button button-line group-control-item group-control-item-down,tabindex:-1,title:Move this group down");
var groupControlItemDownIcon = helper.node("span|class:icon-arrow-down");
var groupControlItemDownBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemDown.appendChild(groupControlItemDownBaselineAlignmentCharacter);
groupControlItemDown.appendChild(groupControlItemDownIcon);
groupControl.appendChild(groupControlItemDown);
- var groupControlItemEdit = helper.node("button|class:button group-control-item group-control-item-edit,tabindex:-1,title:Edit this group");
+ var groupControlItemEdit = helper.node("button|class:button button-line group-control-item group-control-item-edit,tabindex:-1,title:Edit this group");
var groupControlItemEditIcon = helper.node("span|class:icon-edit");
var groupControlItemEditBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemEdit.appendChild(groupControlItemEditBaselineAlignmentCharacter);
groupControlItemEdit.appendChild(groupControlItemEditIcon);
groupControl.appendChild(groupControlItemEdit);
- var groupControlItemRemove = helper.node("button|class:button group-control-item group-control-item-remove,tabindex:-1,title:Remove this group");
+ var groupControlItemRemove = helper.node("button|class:button button-line group-control-item group-control-item-remove,tabindex:-1,title:Remove this group");
var groupControlItemRemoveIcon = helper.node("span|class:icon-close");
var groupControlItemRemoveBaselineAlignmentCharacter = helper.node("span:-|class:baseline-alignment-icon-character,aria-hidden:true");
groupControlItemRemove.appendChild(groupControlItemRemoveBaselineAlignmentCharacter);
@@ -546,7 +547,7 @@ var link = (function() {
var groupFormInputNameWrap = helper.node("div|class:form-wrap");
var groupFormInputName = helper.node("input|type:text,class:group-form-input-name,id:group-form-input-name,placeholder:Example group,tabindex:1,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false");
var groupFormRandomNameButtonWrap = helper.node("div|class:form-wrap");
- var groupFormRandomNameButton = helper.node("button:Random Group name|class:button,type:button,tabindex:1");
+ var groupFormRandomNameButton = helper.node("button:Random Group name|class:button button-line,type:button,tabindex:1");
// open all
var groupFormOpenAllInputWrap = helper.node("div|class:form-wrap");
@@ -916,7 +917,7 @@ var link = (function() {
var displayIconFormGroup = helper.node("div|class:form-group form-group-block auto-suggest-input");
var displayIconInput = helper.node("input|type:text,class:form-group-item-grow link-form-input-icon auto-suggest-input,id:link-form-input-icon,placeholder:Search for Brands or Icons,tabindex:1,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false,disabled");
var displayIconFormGroupText = helper.node("div|class:form-group-text link-form-text-icon disabled,tabindex:-1");
- var displayIconFormGroupClear = helper.node("button|class:link-form-icon-clear button,type:button,tabindex:1,disabled");
+ var displayIconFormGroupClear = helper.node("button|class:link-form-icon-clear button button-line,type:button,tabindex:1,disabled");
var displayIconFormGroupClearIcon = helper.node("span|class:icon-close");
var displayIconHelper = helper.node("div|class:form-helper");
var displayIconHelperItem = helper.node("p:Refer to the \"Free\" and \"Brand\" icons from FontAwesome for full set of icons supported.|class:link-form-input-icon-helper form-helper-item disabled");
@@ -1413,7 +1414,7 @@ var link = (function() {
var groupBody = helper.node("div|class:group-body");
var linkEmpty = helper.node("div|class:link-empty link-item");
var para = helper.node("p:No Groups or Bookmarks|class:small muted");
- var addButton = helper.node("button:Add a Bookmark|class:button button-small,type:button,tabindex:1");
+ var addButton = helper.node("button:Add a Bookmark|class:button button-line button-small,type:button,tabindex:1");
linkEmpty.appendChild(para);
linkEmpty.appendChild(addButton);
groupBody.appendChild(linkEmpty);
@@ -1426,7 +1427,7 @@ var link = (function() {
item: function(groupIndex) {
var linkEmpty = helper.node("div|class:link-empty link-item");
var para = helper.node("p:Empty Group|class:small muted");
- var addButton = helper.node("button:Add a Bookmark|class:button button-small,type:button,tabindex:1");
+ var addButton = helper.node("button:Add a Bookmark|class:button button-line button-small,type:button,tabindex:1");
linkEmpty.appendChild(para);
linkEmpty.appendChild(addButton);
addButton.addEventListener("click", function(event) {
diff --git a/src/js/modal.js b/src/js/modal.js
index 07c57ada..6ed83380 100644
--- a/src/js/modal.js
+++ b/src/js/modal.js
@@ -102,9 +102,9 @@ var modal = (function() {
bind.focus.remove();
};
var modalBody = helper.node("div|class:modal-body");
- var modalControls = helper.node("div|class:modal-controls");
- var actionButton = helper.node("button:" + options.actionText + "|class:modal-button button button-primary button-block,tabindex:1");
- var cancelButton = helper.node("button:" + options.cancelText + "|class:modal-button button button-primary button-block,tabindex:1");
+ var modalControls = helper.node("div|class:modal-controls form-group");
+ var actionButton = helper.node("button:" + options.actionText + "|class:button button-line button-block modal-button,tabindex:1");
+ var cancelButton = helper.node("button:" + options.cancelText + "|class:button button-line button-block modal-button,tabindex:1");
modalControls.appendChild(cancelButton);
modalControls.appendChild(actionButton);
if (options.heading != null) {
diff --git a/src/js/theme.js b/src/js/theme.js
index 74d99fe2..b22741e1 100644
--- a/src/js/theme.js
+++ b/src/js/theme.js
@@ -2280,7 +2280,7 @@ var theme = (function() {
var nameInput = helper.node("input|id:theme-name,class:theme-name mb-0,type:text,tabindex:1,placeholder:Example theme,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false");
var randomFormWrap = helper.node("div|class:form-wrap");
- var randomButton = helper.node("button:Random Theme name|class:button,type:button,tabindex:1");
+ var randomButton = helper.node("button:Random Theme name|class:button button-line,type:button,tabindex:1");
randomFormWrap.appendChild(randomButton);
diff --git a/src/js/version.js b/src/js/version.js
index fbb5cec3..3fa6b7fb 100644
--- a/src/js/version.js
+++ b/src/js/version.js
@@ -1,6 +1,6 @@
var version = (function() {
- var current = "5.16.0";
+ var current = "5.17.0";
var name = "Zonked Tarsier";
diff --git a/src/manifest.json b/src/manifest.json
index 679be3d4..9d7d3ae5 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -2,7 +2,7 @@
"name": "nightTab",
"short_name": "nightTab",
"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
- "version": "5.16.0",
+ "version": "5.17.0",
"manifest_version": 2,
"chrome_url_overrides": {
"newtab": "index.html"
diff --git a/src/html/menu/content/data/backup.html b/src/html/menu/content/data/backup.html
index decc77f1..39fa12a9 100644
--- a/src/html/menu/content/data/backup.html
+++ b/src/html/menu/content/data/backup.html
@@ -4,7 +4,7 @@