diff --git a/package.json b/package.json index b9af4df2..5c1493f4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nighttab", - "version": "3.81.0", + "version": "3.82.0", "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.", "main": "index.js", "scripts": { diff --git a/src/css/link.css b/src/css/link.css index 82572a4c..ea334ead 100755 --- a/src/css/link.css +++ b/src/css/link.css @@ -131,12 +131,9 @@ text-decoration: none; } -.link-item:focus .link-panel-front, -.link-item:focus-within .link-panel-front, -.link-item:hover .link-panel-front { - text-decoration: none; - outline: none; - background-color: rgb(var(--theme-gray-03)); +.is-link-item-shadow-show .link-item:focus .link-panel-front, +.is-link-item-shadow-show .link-item:focus-within .link-panel-front, +.is-link-item-shadow-show .link-item:hover .link-panel-front { box-shadow: var(--layout-shadow-large); } @@ -547,7 +544,12 @@ .is-link-edit .link-item:hover .link-panel-front, .is-link-edit .link-item:focus .link-panel-front { height: calc(100% - var(--link-item-edit-height)); - box-shadow: var(--layout-shadow-small); +} + +.is-link-item-shadow-show.is-link-edit .link-panel-front, +.is-link-item-shadow-show.is-link-edit .link-item:hover .link-panel-front, +.is-link-item-shadow-show.is-link-edit .link-item:focus .link-panel-front { + box-shadow: var(--layout-shadow-medium); } .is-link-edit.is-link-item-url-show .link-item:focus .link-panel-front, diff --git a/src/index.html b/src/index.html index e14aa1fb..7037a9bb 100644 --- a/src/index.html +++ b/src/index.html @@ -903,6 +903,11 @@
+
+ + +
+
diff --git a/src/js/control.js b/src/js/control.js index 551eb932..a777e40e 100644 --- a/src/js/control.js +++ b/src/js/control.js @@ -1947,6 +1947,13 @@ var control = (function() { func: function() { render.class(); } + }, { + element: helper.e(".control-link-item-shadow-show"), + path: "link.item.shadow.show", + type: "checkbox", + func: function() { + render.class(); + } }, { element: helper.e(".control-link-item-name-show"), path: "link.item.name.show", @@ -2531,6 +2538,7 @@ var control = (function() { helper.removeClass(html, "is-link-display-alignment-bottomright"); helper.removeClass(html, "is-link-item-url-show"); helper.removeClass(html, "is-link-item-line-show"); + helper.removeClass(html, "is-link-item-shadow-show"); helper.removeClass(html, "is-link-item-hoverscale"); helper.removeClass(html, "is-link-item-alignment-left"); helper.removeClass(html, "is-link-item-alignment-center"); @@ -2559,6 +2567,9 @@ var control = (function() { if (state.get().link.item.line.show) { helper.addClass(html, "is-link-item-line-show"); }; + if (state.get().link.item.shadow.show) { + helper.addClass(html, "is-link-item-shadow-show"); + }; if (state.get().link.item.hoverScale) { helper.addClass(html, "is-link-item-hoverscale"); }; @@ -2969,6 +2980,7 @@ var control = (function() { _disable.element(".control-link-item-order-namedisplay-helper", true); _disable.input(".control-link-item-url-show", true); _disable.input(".control-link-item-line-show", true); + _disable.input(".control-link-item-shadow-show", true); _disable.input(".control-link-item-hoverscale", true); _disable.element(".control-link-item-display-alignment-grid", true); _disable.element(".control-link-item-display-alignment-label", true); @@ -3015,6 +3027,7 @@ var control = (function() { _disable.input(".control-link-item-name-show", false); _disable.input(".control-link-item-url-show", false); _disable.input(".control-link-item-line-show", false); + _disable.input(".control-link-item-shadow-show", false); _disable.input(".control-link-item-hoverscale", false); _disable.input(".control-link-newtab", false); _disable.input(".control-link-style-block", false); diff --git a/src/js/state.js b/src/js/state.js index a4f9c1b3..eaaa1369 100644 --- a/src/js/state.js +++ b/src/js/state.js @@ -159,6 +159,9 @@ var state = (function() { line: { show: true }, + shadow: { + show: true + }, hoverScale: { show: true }, diff --git a/src/js/update.js b/src/js/update.js index b263fbb8..17e89da0 100644 --- a/src/js/update.js +++ b/src/js/update.js @@ -612,6 +612,12 @@ var update = (function() { "3.81.0": function(data) { data.state.link.orientation = "bottom"; return data; + }, + "3.82.0": function(data) { + data.state.link.item.shadow = { + show: true + }; + return data; } }; diff --git a/src/js/version.js b/src/js/version.js index 787a6893..4dbd821c 100644 --- a/src/js/version.js +++ b/src/js/version.js @@ -1,6 +1,6 @@ var version = (function() { - var current = "3.81.0"; + var current = "3.82.0"; var compare = function(a, b) { var pa = a.split("."); diff --git a/src/manifest.json b/src/manifest.json index 26c141c7..66497e94 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": "3.81.0", + "version": "3.82.0", "manifest_version": 2, "chrome_url_overrides": { "newtab": "index.html"