Add a new floating LinkedIn button on the site and the script that hi…

…des it when the follow has been made Signed-off-by: Karina Rodriguez <[email protected]>
linkerd · May 21, 2024 · 0605498 · 0605498
1 parent 574c98d
commit 0605498
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/linkerd.io/assets/js/follow-linkedin.js b/linkerd.io/assets/js/follow-linkedin.js
@@ -0,0 +1,9 @@
+setTimeout(function(){    
+    var buttonWrapper = document.querySelector('.linkedin__btn');
+    widthOriginal = buttonWrapper.getBoundingClientRect().width;
+    console.log("-"+widthOriginal);
+
+    if(widthOriginal>99){
+        buttonWrapper.style.display = 'none'; 
+    }
+}, 2300);
diff --git a/linkerd.io/layouts/partials/javascript.html b/linkerd.io/layouts/partials/javascript.html
@@ -35,5 +35,7 @@
 {{ $headingsLinkJs := resources.Get "js/docs-heading-link.js"}}
 <script defer src="{{ $headingsLinkJs.Permalink }}"></script>
 
+{{ $linkedinJs := resources.Get "js/follow-linkedin.js" }}
+<script src="{{ $linkedinJs.Permalink }}"></script>
 
 <script async defer src="https://buttons.github.io/buttons.js"></script>