add bottom margin under the declaration list (#857) rdar://129563985

hqhhuang · web-flow · commit 5801817df508 · 2024-06-13T09:15:59.000-07:00
diff --git a/src/components/DocumentationTopic.vue b/src/components/DocumentationTopic.vue
@@ -952,7 +952,7 @@ $space-size: 15px;
     min-width: 0;
     width: 100%;
 
-    // only render border on declaration list menu
+    // only render border and bottom margin on declaration list menu
     // when there are no content sections afterwards at all
     .container:only-child {
       .declaration-list-menu:last-child::before {
@@ -961,6 +961,7 @@ $space-size: 15px;
         border-top-width: var(--content-table-title-border-width, 1px);
         content: '';
         display: block;
+        margin-bottom: $section-spacing-single-side;
       }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -952,7 +952,7 @@ $space-size: 15px;`
`952`	`952`	`min-width: 0;`
`953`	`953`	`width: 100%;`
`954`	`954`
`955`		`- // only render border on declaration list menu`
	`955`	`+ // only render border and bottom margin on declaration list menu`
`956`	`956`	`// when there are no content sections afterwards at all`
`957`	`957`	`.container:only-child {`
`958`	`958`	`.declaration-list-menu:last-child::before {`
`@@ -961,6 +961,7 @@ $space-size: 15px;`
`961`	`961`	`border-top-width: var(--content-table-title-border-width, 1px);`
`962`	`962`	`content: '';`
`963`	`963`	`display: block;`
	`964`	`+ margin-bottom: $section-spacing-single-side;`
`964`	`965`	`}`
`965`	`966`	`}`
`966`	`967`