fix a/b test and scrollbar style

deco-sites · Sep 4, 2024 · 6a0889e · 6a0889e
1 parent cbc3526
commit 6a0889e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 11 deletions.
diff --git a/components/decohelp/pages/ui/Sidebar/Sidebar.tsx b/components/decohelp/pages/ui/Sidebar/Sidebar.tsx
@@ -197,7 +197,7 @@ function AsideLinks({
     <>
       <SearchButton />
       <ul
-        class={`flex flex-col gap-2 pb-[140px] max-h-full overflow-x-auto lg:max-h-[80vh]`}
+        class={`flex flex-col gap-2 pb-[140px] max-h-full overflow-x-auto lg:max-h-[80vh] docs-scrollbar`}
       >
         {subtitle.length > 0 && (
           <li class="my-[8px] ml-[25px]">

diff --git a/docs/toc.ts b/docs/toc.ts
@@ -136,6 +136,13 @@ const tableOfContents: TableOfContents = [
             },
             slug: "cms-capabilities/advanced/experiments",
           },
+          {
+            title: {
+              pt: "Teste A/B",
+              en: "Creating an A/B Test",
+            },
+            slug: "developing-capabilities/apps/ab-test",
+          },
         ],
       },
       {
@@ -411,14 +418,7 @@ const tableOfContents: TableOfContents = [
               en: "Installing Apps",
             },
             slug: "developing-capabilities/apps/making-an-app-installable",
-          },
-          {
-            title: {
-              pt: "Criando um Teste A/B",
-              en: "Creating an A/B Test",
-            },
-            slug: "developing-capabilities/apps/ab-test",
-          },
+          }
         ],
       },
       {
@@ -556,8 +556,8 @@ const tableOfContents: TableOfContents = [
     children: [
       {
         title: {
-          pt: "Teste A/B",
-          en: "A/B Test",
+          pt: "Teste A/B headless",
+          en: "Headless A/B Test",
         },
         slug: "sdk/ab-test",
       },

diff --git a/tailwind.css b/tailwind.css
@@ -565,4 +565,12 @@ select.light-autofill:-webkit-autofill:focus {
   box-shadow: 0 0 0px 1000px #e2e8f0 inset !important;
   /* Tailwind gray-200 */
   transition: background-color 5000s ease-in-out 0s;
+}
+
+.docs-scrollbar::-webkit-scrollbar {
+  @apply bg-transparent w-2;
+}
+
+::-webkit-scrollbar-thumb {
+  @apply bg-[#FFFFFF1A] rounded-full;
 }