fix(zendesk): Fix Zendesk integration (#2091)

Button is showing up again and description auto-complete is fixed. Closes #2044
toggl · Jun 3, 2022 · f66349f · f66349f
1 parent 66816c6
commit f66349f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/content/zendesk.js b/src/content/zendesk.js
@@ -8,7 +8,7 @@
 
 // Zendesk new UI Jul 2021
 togglbutton.render(
-  '.omni-conversation-pane [class^=Header]:not(.toggl)',
+  '.omni-conversation-pane>div>div:not(.toggl)',
   { observe: true },
   (elem) => {
     const getProject = () => {
@@ -19,7 +19,7 @@ togglbutton.render(
     const getDescription = () => {
       const ticketId = document.querySelector('header div[data-selected=true]').attributes['data-entity-id'].value || ''
 
-      const input = elem.querySelector('[class^=Left] input');
+      const input = elem.querySelector('input[aria-label=Subject]');
       const title = (input ? input.value : '').trim();
 
       return [`#${ticketId}`, title].filter(Boolean).join(' ');
@@ -32,7 +32,7 @@ togglbutton.render(
       projectName: getProject
     });
 
-    elem.querySelector('div[class^=Right]').appendChild(link);
+    elem.appendChild(link);
   }
 );
 

diff --git a/src/styles/style.css b/src/styles/style.css
@@ -346,6 +346,10 @@ a.toggl-button.toggl-plan {
   font-weight: initial;
 }
 
+.toggl-button.zendesk--2021 {
+  align-self: center;
+}
+
 /********* ANYDO *********/
 .toggl-button.anydo {
   color: #099acb;