reuse edit link UX for writerIcon

Author: tophf

src/popup.html

@@ -88,7 +88,7 @@
 
   <div id="main-actions" class="flex">
     <div id="write-wrapper" class="non-touch-dimmed">
-      <a class="icon" tabindex="0">
+      <a class="icon">
         <i class=i-plus></i>
       </a>
       <div id="write-style"></div>

src/popup/events.js

@@ -49,7 +49,7 @@ export const EntryClick = {
 
 /** All these handlers accept a right-click, `btn = 2` property is added below */
 const GlobalClick = {
-  '.write-style-link': openEditor,
+  'a[href*="edit.html"]': openEditor,
   [selManager + '~ .split-btn-menu a'](evt, ...args) {
     openManager(null, ...args);
   },

src/popup/render.js

@@ -99,7 +99,7 @@ export function createWriterElement(frame, index) {
     el = (url.startsWith(ownRoot) ? makeExtCrumbs : makeWebCrumbs)(crumbs, url);
     el.onmouseenter = el.onmouseleave = el.onfocus = el.onblur = toggleUrlLink;
     if (!index) {
-      writerIcon.onclick = () => el.click();
+      writerIcon.href = el.href;
       writerIcon.title = el.title;
     }
   }