add custom response header styling

PaloAltoNetworks · Feb 5, 2024 · f17dc07 · f17dc07
1 parent f2095d0
commit f17dc07
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/packages/docusaurus-theme-openapi-docs/src/theme/ApiTabs/_ApiTabs.scss b/packages/docusaurus-theme-openapi-docs/src/theme/ApiTabs/_ApiTabs.scss
@@ -9,6 +9,12 @@
   margin-bottom: var(--ifm-leading);
 }
 
+.openapi-tabs__response-header {
+  &.openapi-tabs__heading {
+    margin-bottom: 0;
+  }
+}
+
 .openapi-tabs__response-code-item {
   border: 1px solid transparent;
   margin-top: 0 !important;

diff --git a/packages/docusaurus-theme-openapi-docs/src/theme/ApiTabs/index.tsx b/packages/docusaurus-theme-openapi-docs/src/theme/ApiTabs/index.tsx
@@ -114,7 +114,11 @@ function TabList({
 
   return (
     <div className="openapi-tabs__response-header-section">
-      <Heading as="h2" id={id} className="openapi-tabs__heading">
+      <Heading
+        as="h2"
+        id={id}
+        className="openapi-tabs__heading openapi-tabs__response-header"
+      >
         {label}
       </Heading>
       <div className="openapi-tabs__response-container">

diff --git a/packages/docusaurus-theme-openapi-docs/src/theme/OperationTabs/_OperationTabs.scss b/packages/docusaurus-theme-openapi-docs/src/theme/OperationTabs/_OperationTabs.scss
@@ -8,7 +8,6 @@
 .openapi-tabs__operation-container {
   display: flex;
   align-items: center;
-  margin-top: 1rem;
   overflow: hidden;
 }
 

diff --git a/packages/docusaurus-theme-openapi-docs/src/theme/SchemaTabs/_SchemaTabs.scss b/packages/docusaurus-theme-openapi-docs/src/theme/SchemaTabs/_SchemaTabs.scss
@@ -5,10 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-.openapi-tabs__schema-container {
-  margin-top: 1rem;
-}
-
 .openapi-tabs__schema-item {
   display: flex;
   align-items: center;

diff --git a/packages/docusaurus-theme-openapi-docs/src/theme/styles.scss b/packages/docusaurus-theme-openapi-docs/src/theme/styles.scss
@@ -161,5 +161,5 @@
 }
 
 .openapi-tabs__heading {
-  margin-bottom: 0;
+  margin-bottom: 1rem;
 }