From 248074e3aed261b609a9adbbb49fe589741312d0 Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Mon, 17 Apr 2023 21:54:11 -0500
Subject: [PATCH] feat: add scroll bar styling to sidebar and main sections

---
 src/app/components/Main.module.css             | 18 ++++++++++++++++++
 src/app/components/SideBar.module.css          | 15 +++++++++++++++
 src/docs/version_002/docsStructure.ts          | 18 ++++++++++++++++++
 .../resources/fields/get_field_by_id/copy.md   |  1 +
 .../fields/get_field_by_id/example.md          |  1 +
 .../resources/fields/get_fields_by_app/copy.md |  1 +
 .../fields/get_fields_by_app/example.md        |  1 +
 .../resources/fields/get_fields_by_ids/copy.md |  1 +
 .../fields/get_fields_by_ids/example.md        |  1 +
 9 files changed, 57 insertions(+)
 create mode 100644 src/docs/version_002/resources/fields/get_field_by_id/copy.md
 create mode 100644 src/docs/version_002/resources/fields/get_field_by_id/example.md
 create mode 100644 src/docs/version_002/resources/fields/get_fields_by_app/copy.md
 create mode 100644 src/docs/version_002/resources/fields/get_fields_by_app/example.md
 create mode 100644 src/docs/version_002/resources/fields/get_fields_by_ids/copy.md
 create mode 100644 src/docs/version_002/resources/fields/get_fields_by_ids/example.md

diff --git a/src/app/components/Main.module.css b/src/app/components/Main.module.css
index ceb333a..bdab4b8 100644
--- a/src/app/components/Main.module.css
+++ b/src/app/components/Main.module.css
@@ -6,6 +6,24 @@
   align-items: center;
   margin: 0 auto;
   overflow-y: auto;
+  scrollbar-color: transparent #0b3766;
+}
+
+.container::-webkit-scrollbar {
+  background-color: transparent;
+}
+
+.container::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 10px;
+}
+
+.container:hover::-webkit-scrollbar-thumb {
+  background-color: #0b3766;
+}
+
+.container:hover::-webkit-scrollbar {
+  background-color: #043160;
 }
 
 .divider {
diff --git a/src/app/components/SideBar.module.css b/src/app/components/SideBar.module.css
index dbb2e3d..5d7449f 100644
--- a/src/app/components/SideBar.module.css
+++ b/src/app/components/SideBar.module.css
@@ -4,6 +4,21 @@
   height: 100%;
   border-right: 1px solid #848586;
   padding: 1rem;
+  overflow: auto;
+  scrollbar-color: transparent #0b3766;
+}
+
+.container::-webkit-scrollbar {
+  background-color: transparent;
+}
+
+.container::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 10px;
+}
+
+.container:hover::-webkit-scrollbar-thumb {
+  background-color: #0b3766;
 }
 
 .link {
diff --git a/src/docs/version_002/docsStructure.ts b/src/docs/version_002/docsStructure.ts
index 980b1fc..7b5385f 100644
--- a/src/docs/version_002/docsStructure.ts
+++ b/src/docs/version_002/docsStructure.ts
@@ -136,6 +136,24 @@ export const versionTwo: DocsStructure = {
                 },
               ],
             },
+            {
+              title: 'Get Fields by App',
+              folder: 'get_fields_by_app',
+              copy: 'copy.md',
+              example: 'example.md',
+            },
+            {
+              title: 'Get Field by Id',
+              folder: 'get_field_by_id',
+              copy: 'copy.md',
+              example: 'example.md',
+            },
+            {
+              title: 'Get Fields by Ids',
+              folder: 'get_fields_by_ids',
+              copy: 'copy.md',
+              example: 'example.md',
+            },
           ],
         },
         {
diff --git a/src/docs/version_002/resources/fields/get_field_by_id/copy.md b/src/docs/version_002/resources/fields/get_field_by_id/copy.md
new file mode 100644
index 0000000..b172825
--- /dev/null
+++ b/src/docs/version_002/resources/fields/get_field_by_id/copy.md
@@ -0,0 +1 @@
+# Get Field by Id {% #get-field-by-id %}
diff --git a/src/docs/version_002/resources/fields/get_field_by_id/example.md b/src/docs/version_002/resources/fields/get_field_by_id/example.md
new file mode 100644
index 0000000..5a080b6
--- /dev/null
+++ b/src/docs/version_002/resources/fields/get_field_by_id/example.md
@@ -0,0 +1 @@
+# Retrieve a field by its id
diff --git a/src/docs/version_002/resources/fields/get_fields_by_app/copy.md b/src/docs/version_002/resources/fields/get_fields_by_app/copy.md
new file mode 100644
index 0000000..1ba04ff
--- /dev/null
+++ b/src/docs/version_002/resources/fields/get_fields_by_app/copy.md
@@ -0,0 +1 @@
+# Get Fields by App {% #get-fields-by-app %}
diff --git a/src/docs/version_002/resources/fields/get_fields_by_app/example.md b/src/docs/version_002/resources/fields/get_fields_by_app/example.md
new file mode 100644
index 0000000..7426bce
--- /dev/null
+++ b/src/docs/version_002/resources/fields/get_fields_by_app/example.md
@@ -0,0 +1 @@
+# Retrieve all fields for an app
diff --git a/src/docs/version_002/resources/fields/get_fields_by_ids/copy.md b/src/docs/version_002/resources/fields/get_fields_by_ids/copy.md
new file mode 100644
index 0000000..f3ad2e2
--- /dev/null
+++ b/src/docs/version_002/resources/fields/get_fields_by_ids/copy.md
@@ -0,0 +1 @@
+# Get Fields by Ids {% #get-fields-by-ids %}
diff --git a/src/docs/version_002/resources/fields/get_fields_by_ids/example.md b/src/docs/version_002/resources/fields/get_fields_by_ids/example.md
new file mode 100644
index 0000000..d14e154
--- /dev/null
+++ b/src/docs/version_002/resources/fields/get_fields_by_ids/example.md
@@ -0,0 +1 @@
+# Retrieve a batch of fields by ids