recent notes css fixes

Jacky Zhao

2023-08-20 b99d4cd8ce99ea1e52a97654ab153774a6bc598a

recent notes css fixes

 quartz/components/RecentNotes.tsx

@@ -24,11 +24,11 @@
export default ((userOpts?: Partial<Options>) => {
  const opts = { ...defaultOptions, ...userOpts }
  function RecentNotes(props: QuartzComponentProps) {
    const { allFiles, fileData } = props
    const { allFiles, fileData, displayClass } = props
    const pages = allFiles.filter(opts.filter).sort(opts.sort).slice(0, opts.limit)
    const remaining = Math.max(0, pages.length - opts.limit)
    return (
      <div class="recent-notes">
      <div class={`recent-notes ${displayClass}`}>
        <h3>{opts.title}</h3>
        <ul class="recent-ul">
          {pages.map((page) => {

 quartz/components/TableOfContents.tsx

@@ -13,13 +13,13 @@
  layout: "modern",
}

function TableOfContents({ fileData }: QuartzComponentProps) {
function TableOfContents({ fileData, displayClass }: QuartzComponentProps) {
  if (!fileData.toc) {
    return null
  }

  return (
    <div class="desktop-only">
    <div class={`toc ${displayClass}`}>
      <button type="button" id="toc">
        <h3>Table of Contents</h3>
        <svg

 quartz/components/styles/recentNotes.scss

@@ -1,11 +1,12 @@
.recent-notes {
  & > h3 {
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
  }

  & > ul.recent-ul {
    list-style: none;
    margin-top: 1.5rem;
    margin-top: 1rem;
    padding-left: 0;

    & > li {