seemore 1.8.6 → 1.8.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -183,17 +183,6 @@ type Segment = { pages: PageTree.Item[] } | { folder: PageTree.Folder };
|
|
|
183
183
|
/** h2 at the top level, one step smaller per nesting level, capped at h6. */
|
|
184
184
|
const SECTION_HEADING_TAGS = ['h2', 'h3', 'h4', 'h5', 'h6'] as const;
|
|
185
185
|
|
|
186
|
-
/**
|
|
187
|
-
* A folder's own children render inside its `<section>`, so depth already exists in the DOM —
|
|
188
|
-
* each level just needs to look indented. Capped so a very deep tree doesn't march off the page.
|
|
189
|
-
*/
|
|
190
|
-
const SECTION_INDENT_CLASSES = [
|
|
191
|
-
'',
|
|
192
|
-
'ms-4 ps-4 border-s border-fd-border',
|
|
193
|
-
'ms-6 ps-4 border-s border-fd-border',
|
|
194
|
-
'ms-8 ps-4 border-s border-fd-border',
|
|
195
|
-
];
|
|
196
|
-
|
|
197
186
|
function OverviewSections({ nodes, depth = 0 }: { nodes: PageTree.Node[]; depth?: number }) {
|
|
198
187
|
const segments: Segment[] = [];
|
|
199
188
|
for (const node of nodes) {
|
|
@@ -207,7 +196,6 @@ function OverviewSections({ nodes, depth = 0 }: { nodes: PageTree.Node[]; depth?
|
|
|
207
196
|
}
|
|
208
197
|
|
|
209
198
|
const Heading = SECTION_HEADING_TAGS[Math.min(depth, SECTION_HEADING_TAGS.length - 1)] ?? 'h6';
|
|
210
|
-
const indentClass = SECTION_INDENT_CLASSES[Math.min(depth, SECTION_INDENT_CLASSES.length - 1)];
|
|
211
199
|
|
|
212
200
|
return (
|
|
213
201
|
<>
|
|
@@ -215,7 +203,7 @@ function OverviewSections({ nodes, depth = 0 }: { nodes: PageTree.Node[]; depth?
|
|
|
215
203
|
'pages' in segment ? (
|
|
216
204
|
<OverviewGrid key={index} pages={segment.pages} />
|
|
217
205
|
) : (
|
|
218
|
-
<section key={index} className=
|
|
206
|
+
<section key={index} className="seemore-overview-section">
|
|
219
207
|
<Heading className="seemore-overview-section-title">{segment.folder.name}</Heading>
|
|
220
208
|
{typeof segment.folder.description === 'string' && segment.folder.description !== '' ? (
|
|
221
209
|
<p className="seemore-overview-section-description">{segment.folder.description}</p>
|