Skip to content

Commit 120001f

Browse files
Update: re-add folderCount to folder-listings
- better differentiates page listings from regular article content - Changed from `<p>` element to `<h2>` element as folder listing entries are all h3's; better consecutive heading order. - gave the h2 the class `.foldercount-heading` and styled it like an h3 so it wouldn't detract too much from the page listings
1 parent 521745b commit 120001f

File tree

2 files changed

+10
-3
lines changed

2 files changed

+10
-3
lines changed

quartz/components/pages/FolderContent.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ interface FolderContentOptions {
1818
}
1919

2020
const defaultOptions: FolderContentOptions = {
21-
showFolderCount: false,
21+
showFolderCount: true,
2222
}
2323

2424
export default ((opts?: Partial<FolderContentOptions>) => {
@@ -53,11 +53,11 @@ export default ((opts?: Partial<FolderContentOptions>) => {
5353
<article>{content}</article>
5454
<div class="page-listing">
5555
{options.showFolderCount && (
56-
<p>
56+
<h2 class="foldercount-heading">
5757
{i18n(cfg.locale).pages.folderContent.itemsUnderFolder({
5858
count: allPagesInFolder.length,
5959
})}
60-
</p>
60+
</h2>
6161
)}
6262
<div>
6363
<PageList {...listProps} />

quartz/components/styles/listPage.scss

+7
Original file line numberDiff line numberDiff line change
@@ -38,3 +38,10 @@ li.section-li {
3838
display: none;
3939
}
4040
}
41+
42+
// MMW custom styling for folderCount heading
43+
h2.foldercount-heading {
44+
font-size: 1.12rem;
45+
margin-top: 1.62rem;
46+
margin-bottom: 1rem;
47+
}

0 commit comments

Comments
 (0)