diff --git a/package-lock.json b/package-lock.json index 29ba79a7..40feea9b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "nightTab", - "version": "5.67.0", + "version": "5.68.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index a9c0daac..7e391f04 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nightTab", - "version": "5.67.0", + "version": "5.68.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 24e04fe7..3bcc5991 100755 --- a/src/css/link.css +++ b/src/css/link.css @@ -870,14 +870,14 @@ clip-path: polygon(0 calc(100% - calc(var(--link-item-url-height) + var(--link-item-clip-padding))), 100% calc(100% - calc(var(--link-item-url-height) + var(--link-item-clip-padding))), 100% 100%, 0 100%); } -.is-edit.is-link-orientation-top .link-panel-back, +.is-edit.is-link-orientation-top .link-item .link-panel-back, .is-edit.is-link-orientation-top .link-item:focus .link-panel-back, .is-edit.is-link-orientation-top .link-item:focus-within .link-panel-back, .is-edit.is-link-orientation-top .link-item:hover .link-panel-back { clip-path: polygon(0 0, 100% 0, 100% calc(var(--link-item-edit-height) + var(--link-item-clip-padding)), 0 calc(var(--link-item-edit-height) + var(--link-item-clip-padding))); } -.is-edit.is-link-orientation-bottom .link-panel-back, +.is-edit.is-link-orientation-bottom .link-item .link-panel-back, .is-edit.is-link-orientation-bottom .link-item:focus .link-panel-back, .is-edit.is-link-orientation-bottom .link-item:focus-within .link-panel-back, .is-edit.is-link-orientation-bottom .link-item:hover .link-panel-back { @@ -1447,3 +1447,43 @@ .is-link-orientation-bottom.is-link-item-url-show .link-item-preview:hover .link-url { bottom: 0; } + +.is-edit.is-link-orientation-top .link-item-preview .link-panel-back, +.is-edit.is-link-orientation-top .link-item-preview:focus .link-panel-back, +.is-edit.is-link-orientation-top .link-item-preview:focus-within .link-panel-back, +.is-edit.is-link-orientation-top .link-item-preview:hover .link-panel-back { + clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); +} + +.is-edit.is-link-orientation-bottom .link-item-preview .link-panel-back, +.is-edit.is-link-orientation-bottom .link-item-preview:focus .link-panel-back, +.is-edit.is-link-orientation-bottom .link-item-preview:focus-within .link-panel-back, +.is-edit.is-link-orientation-bottom .link-item-preview:hover .link-panel-back { + clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); +} + +.is-edit.is-link-item-line-show.is-link-orientation-top .link-item-preview .link-panel-back, +.is-edit.is-link-item-line-show.is-link-orientation-top .link-item-preview:focus .link-panel-back, +.is-edit.is-link-item-line-show.is-link-orientation-top .link-item-preview:focus-within .link-panel-back, +.is-edit.is-link-item-line-show.is-link-orientation-top .link-item-preview:hover .link-panel-back { + clip-path: polygon(0 0, 100% 0, 100% var(--layout-line-width), 0 var(--layout-line-width)); +} + +.is-edit.is-link-item-line-show.is-link-orientation-bottom .link-item-preview .link-panel-back, +.is-edit.is-link-item-line-show.is-link-orientation-bottom .link-item-preview:focus .link-panel-back, +.is-edit.is-link-item-line-show.is-link-orientation-bottom .link-item-preview:focus-within .link-panel-back, +.is-edit.is-link-item-line-show.is-link-orientation-bottom .link-item-preview:hover .link-panel-back { + clip-path: polygon(0 calc(100% - var(--layout-line-width) - var(--link-item-clip-padding)), 100% calc(100% - var(--layout-line-width) - var(--link-item-clip-padding)), 100% 100%, 0 100%); +} + +.is-edit.is-link-item-url-show.is-link-orientation-top .link-item-preview:focus .link-panel-back, +.is-edit.is-link-item-url-show.is-link-orientation-top .link-item-preview:focus-within .link-panel-back, +.is-edit.is-link-item-url-show.is-link-orientation-top .link-item-preview:hover .link-panel-back { + clip-path: polygon(0 0, 100% 0, 100% calc(var(--link-item-url-height) + var(--link-item-clip-padding)), 0 calc(var(--link-item-url-height) + var(--link-item-clip-padding))); +} + +.is-edit.is-link-item-url-show.is-link-orientation-bottom .link-item-preview:focus .link-panel-back, +.is-edit.is-link-item-url-show.is-link-orientation-bottom .link-item-preview:focus-within .link-panel-back, +.is-edit.is-link-item-url-show.is-link-orientation-bottom .link-item-preview:hover .link-panel-back { + clip-path: polygon(0 calc(100% - var(--link-item-url-height) - var(--link-item-clip-padding)), 100% calc(100% - var(--link-item-url-height) - var(--link-item-clip-padding)), 100% 100%, 0 100%); +} diff --git a/src/js/version.js b/src/js/version.js index e2cf6405..14802ff5 100644 --- a/src/js/version.js +++ b/src/js/version.js @@ -1,6 +1,6 @@ var version = (function() { - var current = "5.67.0"; + var current = "5.68.0"; var name = "Jaded Raven"; diff --git a/src/manifest.json b/src/manifest.json index 99f20cdd..dc08c197 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.67.0", + "version": "5.68.0", "manifest_version": 2, "chrome_url_overrides": { "newtab": "index.html"