TE-697 - styled link in YouTrack

DevartSoftware · Jan 14, 2021 · f48ca93 · f48ca93
1 parent 0eed96c
commit f48ca93
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/css/timer-link.less b/src/css/timer-link.less
@@ -306,7 +306,8 @@
 }
 
 .devart-timer-link-youtrack {
-    font-size: 13px;
+    color: inherit;
+    margin-right: 30px !important;
 }
 
 .devart-timer-link-zendesk {

diff --git a/src/in-page-scripts/integrations/youTrack.ts b/src/in-page-scripts/integrations/youTrack.ts
@@ -19,7 +19,12 @@
             $$('.yt-agile-card__summary', issueElement);
 
         if (host) {
+            linkElement.classList.add('devart-timer-link-youtrack');
             host.appendChild(linkElement);
+            const previousElementSibling = linkElement.previousElementSibling as HTMLElement;
+            if (previousElementSibling && previousElementSibling.classList.contains('yt-issue-view__meta-information-updated-created')) {
+                previousElementSibling.style.marginRight = '10px';
+            }
         }
     }
 
@@ -68,6 +73,7 @@ class YouTrackLite implements WebToolIntegration {
     render(issueElement: HTMLElement, linkElement: HTMLElement) {
         const host = $$('[class^=toolbar__]', issueElement);
         if (host) {
+            linkElement.classList.add('devart-timer-link-youtrack');
             host.insertBefore(linkElement, $$('[class^=visibilityPicker__]', host));
         }
     }