Fix Home Icon Issue (#654)

* Fix Home Icon Issue * Restore yarn.lock to its previous state
DevCycleHQ · May 7, 2024 · c96682f · c96682f
1 parent 798afcd
commit c96682f
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 9 deletions.
diff --git a/docs/index.mdx b/docs/index.mdx
@@ -1,8 +1,6 @@
 ---
-title: Welcome to DevCycle
-displayed_sidebar: home
+title: Home
 hide_table_of_contents: true
-hide_title: false
 ---
 
 import CustomDocCardList from '@site/src/components/CustomDocCardList'

diff --git a/docs/sdk/index.mdx b/docs/sdk/index.mdx
@@ -1,8 +1,7 @@
 ---
 title: SDK Overview
 position: 1
-sidebar_class_name: hidden
-displayed_sidebar: sdks
+hide_table_of_contents: true
 ---
 
 import CustomDocCardList from '@site/src/components/CustomDocCardList'

diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -395,15 +395,15 @@ const config = {
       },
       items: [
         {
-          type: 'doc',
-          docId: 'index',
+          type: 'docSidebar',
+          sidebarId: 'home',
           position: 'left',
           collapse: 'false',
           label: 'Home',
         },
         {
-          type: 'doc',
-          docId: 'sdk/index',
+          type: 'docSidebar',
+          sidebarId: 'sdks',
           position: 'left',
           collapse: 'false',
           label: 'SDKs',

diff --git a/sidebars.js b/sidebars.js
@@ -1,5 +1,11 @@
 module.exports = {
   home: [
+    {
+      type: 'doc',
+      label: 'Home',
+      className: 'section-title welcome',
+      id: 'index', // The internal path
+    },
     {
       type: 'category',
       label: 'Introduction',
@@ -44,6 +50,12 @@ module.exports = {
     },
   ],
   sdks: [
+    {
+      type: 'doc',
+      label: 'SDK Overview',
+      className: 'section-title overview',
+      id: 'sdk/index', // The internal path
+    },
     {
       type: 'doc',
       label: 'SDK Features',

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -237,6 +237,14 @@ html[data-theme="dark"] .DocSearch {
   background-image: url(../../static/sidebar/introduction.svg);
 }
 
+.section-title.welcome >a::before {
+  background-image: url(../../static/sidebar/hello.svg);
+}
+
+.section-title.overview >a::before {
+  background-image: url(../../static/sidebar/overview.svg);
+}
+
 .section-title.examples >a::before {
   background-image: url(../../static/sidebar/examples.svg);
 }

diff --git a/static/sidebar/hello.svg b/static/sidebar/hello.svg
diff --git a/static/sidebar/overview.svg b/static/sidebar/overview.svg