diff --git a/docusaurus.config.js b/docusaurus.config.js index 2ffc20b..3b081e0 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -172,6 +172,11 @@ const config = { position: 'right', value: '', }, + { + type: 'html', + position: 'right', + value: 'SlackJoin Slack', + }, ], }, diff --git a/package.json b/package.json index 33618db..1687638 100644 --- a/package.json +++ b/package.json @@ -4,12 +4,12 @@ "private": true, "scripts": { "docusaurus": "docusaurus", - "start": "docusaurus start", + "start": "docusaurus start --no-open", "build": "docusaurus build", "swizzle": "docusaurus swizzle", "deploy": "docusaurus deploy", "clear": "docusaurus clear", - "serve": "docusaurus serve", + "serve": "docusaurus serve --no-open", "write-translations": "docusaurus write-translations", "write-heading-ids": "docusaurus write-heading-ids", "test": "node --experimental-vm-modules ./node_modules/jest/bin/jest.js --runInBand" diff --git a/src/css/custom.css b/src/css/custom.css index 1c6ecf4..0fb218e 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -113,6 +113,34 @@ display: none !important; transform: scale(1.05); } +/* Navbar Slack button */ +.navbar-slack-button { + display: inline-flex; + align-items: center; + gap: 6px; + padding: 6px 12px; + background-color: transparent; + color: var(--ifm-navbar-link-color); + text-decoration: none; + border-radius: 6px; + font-family: var(--ifm-font-family-base); + font-size: 1rem; + font-weight: var(--ifm-font-weight-semibold); + vertical-align: middle; + margin-left: 8px; + transition: background-color 0.2s ease; +} + +.navbar-slack-button:hover { + background-color: #f0f0f0; + color: var(--ifm-navbar-link-hover-color); + text-decoration: none; +} + +[data-theme="dark"] .navbar-slack-button:hover { + background-color: #3a3a3a; +} + .header { display: flex; align-content: center;