Covert mouse to pointer on menu entry hover (#18)

The custom menu entry misses the href attribute which is responsible for converting the mouse to a pointer on hover. In order to make it more consistent we can add the style manually.
gilmoreg · Apr 26, 2021 · 1c84d57 · 1c84d57
1 parent 1b6dfeb
commit 1c84d57
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/douki.user.js b/douki.user.js
@@ -224,7 +224,7 @@ class DomMethods {
         const selector = '.header-menu-dropdown > ul > li:last-child';
         const dropdown = document.querySelector(selector);
         if (dropdown) {
-            const html = `<li><a aria-role="button" id="${const_1.DROPDOWN_ITEM_ID}">Import from Anilist</a></li>`;
+            const html = `<li><a aria-role="button" style="cursor: pointer" id="${const_1.DROPDOWN_ITEM_ID}">Import from Anilist</a></li>`;
             dropdown.insertAdjacentHTML('afterend', html);
             const link = document.querySelector(Util_1.id(const_1.DROPDOWN_ITEM_ID));
             link && link.addEventListener('click', function (e) {

diff --git a/src/Dom.ts b/src/Dom.ts
@@ -86,7 +86,7 @@ export class DomMethods implements IDomMethods {
         const selector = '.header-menu-dropdown > ul > li:last-child';
         const dropdown = document.querySelector(selector);
         if (dropdown) {
-            const html = `<li><a aria-role="button" id="${DROPDOWN_ITEM_ID}">Import from Anilist</a></li>`;
+            const html = `<li><a aria-role="button" style="cursor: pointer" id="${DROPDOWN_ITEM_ID}">Import from Anilist</a></li>`;
             dropdown.insertAdjacentHTML('afterend', html);
             const link = document.querySelector(id(DROPDOWN_ITEM_ID));
             link && link.addEventListener('click', function (e) {