gsadmin/gitbook
1
0
Fork 0
mirror of https://github.com/GitbookIO/gitbook.git synced 2026-09-20 09:33:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix openapi CR preview (#3197)

Browse Source
This commit is contained in:
Nolann B.
2025-04-30 11:44:39 +02:00
committed by GitHub
parent c4ebb3fecd
commit 42ca7e1580
3 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/giant-dolphins-approve.md
+6
View File
@@ -0,0 +1,6 @@
---
'@gitbook/react-openapi': patch
'gitbook': patch
---
Fix openapi CR preview
packages/gitbook/src/components/DocumentView/OpenAPI/style.css
+3 -3
View File
@@ -692,18 +692,18 @@ body:has(.openapi-select-popover) {
} }
.openapi-disclosure-group-trigger { .openapi-disclosure-group-trigger {
@apply flex w-full items-baseline gap-3 transition-all relative flex-1 p-3 -outline-offset-1; @apply flex w-full cursor-pointer items-baseline gap-3 transition-all relative flex-1 p-3 -outline-offset-1;
} }
.openapi-disclosure-group-label { .openapi-disclosure-group-label {
@apply flex flex-wrap items-baseline gap-x-3 gap-y-1 flex-1 truncate; @apply flex flex-wrap items-baseline gap-x-3 gap-y-1 flex-1 truncate;
} }
.openapi-disclosure-group-trigger:disabled { .openapi-disclosure-group-trigger[aria-disabled="true"] {
@apply cursor-default hover:bg-inherit; @apply cursor-default hover:bg-inherit;
} }
.openapi-disclosure-group-trigger:disabled .openapi-disclosure-group-icon { .openapi-disclosure-group-trigger[aria-disabled="true"] .openapi-disclosure-group-icon {
@apply invisible; @apply invisible;
} }
packages/react-openapi/src/OpenAPIDisclosureGroup.tsx
+4 -4
View File
@@ -76,7 +76,7 @@ function DisclosureItem(props: {
}); });
const panelRef = useRef<HTMLDivElement | null>(null); const panelRef = useRef<HTMLDivElement | null>(null);
const triggerRef = useRef<HTMLButtonElement | null>(null); const triggerRef = useRef<HTMLDivElement | null>(null);
const isDisabled = groupState?.isDisabled || !group.tabs?.length || false; const isDisabled = groupState?.isDisabled || !group.tabs?.length || false;
const { buttonProps: triggerProps, panelProps } = useDisclosure( const { buttonProps: triggerProps, panelProps } = useDisclosure(
{ {
@@ -96,11 +96,11 @@ function DisclosureItem(props: {
return ( return (
<div className="openapi-disclosure-group" aria-expanded={state.isExpanded}> <div className="openapi-disclosure-group" aria-expanded={state.isExpanded}>
<button <div
slot="trigger" slot="trigger"
ref={triggerRef} ref={triggerRef}
{...mergeProps(buttonProps, focusProps)} {...mergeProps(buttonProps, focusProps)}
disabled={isDisabled} aria-disabled={isDisabled}
style={{ style={{
outline: isFocusVisible outline: isFocusVisible
? '2px solid rgb(var(--primary-color-500)/0.4)' ? '2px solid rgb(var(--primary-color-500)/0.4)'
@@ -146,7 +146,7 @@ function DisclosureItem(props: {
</div> </div>
) : null} ) : null}
</div> </div>
</button> </div>
{state.isExpanded && selectedTab && ( {state.isExpanded && selectedTab && (
<div className="openapi-disclosure-group-panel" ref={panelRef} {...panelProps}> <div className="openapi-disclosure-group-panel" ref={panelRef} {...panelProps}>