tomoyanonymous/quartz-research-note
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(style): tag float orientation for long tags on page listing

Browse Source
This commit is contained in:
Jacky Zhao 2023-10-21 20:27:49 -07:00
parent b0220f5d25
commit 14a5196822
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
quartz/components/TagList.tsx
View File

@ -28,11 +28,13 @@ function TagList({ fileData, displayClass }: QuartzComponentProps) {
TagList.css = ` TagList.css = `
.tags { .tags {
list-style: none; list-style: none;
display:flex; display: flex;
flex-wrap: wrap;
padding-left: 0; padding-left: 0;
gap: 0.4rem; gap: 0.4rem;
margin: 1rem 0; margin: 1rem 0;
flex-wrap: wrap;
justify-content: flex-end;
justify-self: end;
} }
.tags > li { .tags > li {
@ -42,7 +44,7 @@ TagList.css = `
overflow-wrap: normal; overflow-wrap: normal;
} }
a.tag-link { a.internal.tag-link {
border-radius: 8px; border-radius: 8px;
background-color: var(--highlight); background-color: var(--highlight);
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;

5
quartz/components/styles/listPage.scss
View File

@ -19,11 +19,6 @@ li.section-li {
} }
} }
& > .tags {
justify-self: end;
margin-left: 1rem;
}
& > .desc > h3 > a { & > .desc > h3 > a {
background-color: transparent; background-color: transparent;
} }