diff --git a/manage/manage.css b/manage/manage.css index 1cc3087a..417aa588 100644 --- a/manage/manage.css +++ b/manage/manage.css @@ -262,6 +262,23 @@ summary { text-indent: -2em; padding-left: 3em; padding-right: 40px; + position: relative; + cursor: pointer; +} + +.newUI .entry .style-name:hover::before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: linear-gradient(to right, hsla(180, 50%, 30%, 0.2), hsla(180, 20%, 10%, 0.05) 50%, transparent); + pointer-events: none; +} + +.newUI .style-name:hover .style-name-link { + color: hsla(180, 100%, 15%, 1); } .newUI .homepage .svg-icon { diff --git a/manage/manage.js b/manage/manage.js index 38f2092c..4165aa11 100644 --- a/manage/manage.js +++ b/manage/manage.js @@ -278,7 +278,7 @@ Object.assign(handleEvent, { ENTRY_ROUTES: { '.checker, .enable, .disable': 'toggle', - '.style-name-link': 'edit', + '.style-name': 'edit', '.homepage': 'external', '.check-update': 'check', '.update': 'update', @@ -331,7 +331,7 @@ Object.assign(handleEvent, { const openWindow = left && shift && !ctrl; const openBackgroundTab = (middle && !shift) || (left && ctrl && !shift); const openForegroundTab = (middle && shift) || (left && ctrl && shift); - const url = event.target.closest('[href]').href; + const url = $('[href]', event.target.closest('.entry')).href; if (openWindow || openBackgroundTab || openForegroundTab) { if (chrome.windows && openWindow) { chrome.windows.create(Object.assign(prefs.get('windowPosition'), {url}));