Update navbar

Author: DarthSim

docusaurus.config.ts

@@ -159,16 +159,44 @@ const config: Config = {
       },
       items: [
         {
-          type: "docsVersionDropdown",
+          label: "imgproxy.net",
+          href: "https://imgproxy.net",
           position: "left",
         },
         {
-          type: "search",
+          type: "dropdown",
+          label: "Community",
           position: "left",
+          items: [
+            {
+              href: "https://discord.gg/5GgpXgtC9u",
+              label: "Discord",
+            },
+            {
+              href: "https://x.com/imgproxy_net",
+              label: "X (Twitter)",
+            },
+            {
+              href: "https://bsky.app/profile/imgproxy.net",
+              label: "Bluesky",
+            },
+            {
+              href: "https://mastodon.social/@imgproxy",
+              label: "Mastodon",
+            },
+            {
+              href: "https://www.threads.com/@imgproxy",
+              label: "Threads",
+            },
+            {
+              href: "https://www.linkedin.com/company/imgproxy/",
+              label: "LinkedIn",
+            },
+          ],
         },
+
         {
-          label: "imgproxy.net",
-          href: "https://imgproxy.net",
+          type: "docsVersionDropdown",
           position: "right",
         },
         {
@@ -178,27 +206,6 @@ const config: Config = {
           title: "GitHub",
           "aria-label": "GitHub",
         },
-        {
-          href: "https://bsky.app/profile/imgproxy.net",
-          position: "right",
-          className: "navbar__link--icon navbar__link--bluesky",
-          title: "Bluesky",
-          "aria-label": "Bluesky",
-        },
-        {
-          href: "https://x.com/imgproxy_net",
-          position: "right",
-          className: "navbar__link--icon navbar__link--x",
-          title: "X (Twitter)",
-          "aria-label": "X (Twitter)",
-        },
-        {
-          href: "https://discord.gg/5GgpXgtC9u",
-          position: "right",
-          className: "navbar__link--icon navbar__link--discord",
-          title: "Discord",
-          "aria-label": "Discord",
-        },
         {
           href: "https://github.com/sponsors/imgproxy",
           position: "right",
@@ -238,10 +245,6 @@ const config: Config = {
         {
           title: "Community",
           items: [
-            {
-              label: "Bluesky",
-              href: "https://bsky.app/profile/imgproxy.net",
-            },
             {
               label: "X (Twitter)",
               href: "https://x.com/imgproxy_net",
@@ -250,6 +253,18 @@ const config: Config = {
               label: "Discord",
               href: "https://discord.gg/5GgpXgtC9u",
             },
+            {
+              label: "Bluesky",
+              href: "https://bsky.app/profile/imgproxy.net",
+            },
+            {
+              label: "Mastodon",
+              href: "https://mastodon.social/@imgproxy",
+            },
+            {
+              label: "Threads",
+              href: "https://www.threads.com/@imgproxy",
+            },
             {
               label: "LinkedIn",
               href: "https://www.linkedin.com/company/imgproxy/",

src/css/docsearch.css

@@ -23,16 +23,6 @@
 }
 
 
-.DocSearch-Button {
-  min-width: 25vw;
-}
-
-@media (max-width: 996px) {
-  .DocSearch-Button {
-    min-width: unset;
-  }
-}
-
 [data-theme='light'] .DocSearch-Button-Key,
 [data-theme='light'] .DocSearch-Commands-Key,
 [data-theme='dark'] .DocSearch-Button-Key,

src/css/navbar.css

@@ -37,18 +37,6 @@
   mask-image: url('/img/github.svg');
 }
 
-.navbar__link--bluesky::before {
-  mask-image: url('/img/bluesky.svg');
-}
-
-.navbar__link--x::before {
-  mask-image: url('/img/x-com.svg');
-}
-
-.navbar__link--discord::before {
-  mask-image: url('/img/discord.svg');
-}
-
 .navbar__link--sponsor::before {
   mask-image: url('/img/heart.svg');
 }
@@ -62,18 +50,6 @@
   content: 'GitHub';
 }
 
-.navbar-sidebar .navbar__link--bluesky::after {
-  content: 'Bluesky';
-}
-
-.navbar-sidebar .navbar__link--x::after {
-  content: 'X (Twitter)';
-}
-
-.navbar-sidebar .navbar__link--discord::after {
-  content: 'Discord';
-}
-
 .navbar-sidebar .navbar__link--sponsor::after {
   content: 'Sponsor imgproxy';
 }