styling fixes for stacking order and overflow
This commit is contained in:
		
							parent
							
								
									4811500b1b
								
							
						
					
					
						commit
						351b4ab13b
					
				
					 6 changed files with 16 additions and 12 deletions
				
			
		| 
						 | 
				
			
			@ -48,7 +48,7 @@ export function PageList({ fileData, allFiles }: QuartzComponentProps) {
 | 
			
		|||
                {tags.map((tag) => (
 | 
			
		||||
                  <li>
 | 
			
		||||
                    <a
 | 
			
		||||
                      class="internal"
 | 
			
		||||
                      class="internal tag-link"
 | 
			
		||||
                      href={resolveRelative(slug, `tags/${tag}` as CanonicalSlug)}
 | 
			
		||||
                    >
 | 
			
		||||
                      #{tag}
 | 
			
		||||
| 
						 | 
				
			
			@ -68,4 +68,8 @@ PageList.css = `
 | 
			
		|||
.section h3 {
 | 
			
		||||
  margin: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.section > .tags {
 | 
			
		||||
  margin: 0;
 | 
			
		||||
}
 | 
			
		||||
`
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -33,6 +33,7 @@ TagList.css = `
 | 
			
		|||
  display: flex;
 | 
			
		||||
  padding-left: 0;
 | 
			
		||||
  gap: 0.4rem;
 | 
			
		||||
  margin: 1rem 0;
 | 
			
		||||
}
 | 
			
		||||
  
 | 
			
		||||
.tags > li {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -11,8 +11,8 @@ function FolderContent(props: QuartzComponentProps) {
 | 
			
		|||
  const { tree, fileData, allFiles } = props
 | 
			
		||||
  const folderSlug = canonicalizeServer(fileData.slug!)
 | 
			
		||||
  const allPagesInFolder = allFiles.filter((file) => {
 | 
			
		||||
    const fileSlug = file.slug ?? ""
 | 
			
		||||
    const prefixed = fileSlug.startsWith(folderSlug)
 | 
			
		||||
    const fileSlug = canonicalizeServer(file.slug!)
 | 
			
		||||
    const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug
 | 
			
		||||
    const folderParts = folderSlug.split(path.posix.sep)
 | 
			
		||||
    const fileParts = fileSlug.split(path.posix.sep)
 | 
			
		||||
    const isDirectChild = fileParts.length === folderParts.length + 1
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue