diff --git a/.changeset/cyan-experts-shave.md b/.changeset/cyan-experts-shave.md new file mode 100644 index 0000000000..30e3b531ee --- /dev/null +++ b/.changeset/cyan-experts-shave.md @@ -0,0 +1,5 @@ +--- +'gitbook': patch +--- + +Fix OpenAPI tabs indicator overflow diff --git a/packages/gitbook/src/components/DocumentView/OpenAPI/style.css b/packages/gitbook/src/components/DocumentView/OpenAPI/style.css index b406446f29..babf850710 100644 --- a/packages/gitbook/src/components/DocumentView/OpenAPI/style.css +++ b/packages/gitbook/src/components/DocumentView/OpenAPI/style.css @@ -521,7 +521,7 @@ /* Tabs */ .openapi-tabs-list { - @apply flex flex-row gap-1.5 py-1.5 px-2.5 border-b border-tint-subtle w-full overflow-x-scroll; + @apply flex flex-row gap-1.5 py-1.5 px-2.5 w-full overflow-x-scroll; scrollbar-width: none; -ms-overflow-style: none; } @@ -531,11 +531,12 @@ } .openapi-tabs-tab[aria-selected="true"] { - @apply text-primary after:absolute after:-bottom-2 after:left-0 after:w-full after:h-px after:bg-primary-solid after:transition-all; + @apply text-primary after:absolute after:-bottom-[calc(0.375rem_+_1px)] after:z-20 after:left-0 after:w-full after:h-px after:bg-primary-solid after:transition-all; } .openapi-tabs-panel { - @apply flex-1 text-sm focus-visible:outline-none; + @apply flex-1 text-sm relative focus-visible:outline-none; + @apply before:w-full before:h-px before:absolute before:bg-tint-6 before:-top-px before:z-10; } .openapi-tabs-footer {