docs: add link to Eufemia's GitHub repository in menu bar (#3670)

dnbexperience · Jun 6, 2024 · cdecbb3 · cdecbb3
1 parent 940ddb6
commit cdecbb3
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/packages/dnb-design-system-portal/src/shared/menu/StickyMenuBar.module.scss b/packages/dnb-design-system-portal/src/shared/menu/StickyMenuBar.module.scss
@@ -41,6 +41,9 @@
     #toggle-sidebar-menu {
       display: none;
     }
+    #github-button {
+      display: inline-flex;
+    }
 
     /*
     God for a mobile menu instead
@@ -50,6 +53,9 @@
       #toggle-sidebar-menu {
         display: flex;
       }
+      #github-button {
+        display: none;
+      }
     }
     @include allBelow(small) {
       /* make the button round */

diff --git a/packages/dnb-design-system-portal/src/shared/menu/StickyMenuBar.tsx b/packages/dnb-design-system-portal/src/shared/menu/StickyMenuBar.tsx
@@ -25,6 +25,7 @@ import {
   hideSidebarToggleButtonStyle,
 } from './StickyMenuBar.module.scss'
 import { Link } from '../tags/Anchor'
+import GithubLogo from '../../docs/contribute/assets/github-logo.js'
 
 export default function StickyMenuBar({
   hideSidebarToggleButton = false,
@@ -106,6 +107,15 @@ export default function StickyMenuBar({
                 : 'Show section content menu'
             }
           />
+          <Button
+            id="github-button"
+            href="https://github.com/dnbexperience/eufemia/"
+            size="large"
+            target="_blank"
+            icon={GithubLogo}
+            title="Navigates to Eufemia's GitHub repository"
+            left="x-small"
+          />
           <PortalToolsMenu />
         </span>
       </div>