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

Jacky Zhao

2023-10-22 dc834015d02adcc7edb119fb5224a2a86c614142

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

 quartz/components/TagList.tsx

@@ -28,11 +28,13 @@
TagList.css = `
.tags {
  list-style: none;
  display:flex;
  flex-wrap: wrap;
  display: flex;
  padding-left: 0;
  gap: 0.4rem;
  margin: 1rem 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  justify-self: end;
}
  
.tags > li {
@@ -42,7 +44,7 @@
  overflow-wrap: normal;
}

a.tag-link {
a.internal.tag-link {
  border-radius: 8px;
  background-color: var(--highlight);
  padding: 0.2rem 0.4rem;

 quartz/components/styles/listPage.scss

@@ -19,11 +19,6 @@
      }
    }

    & > .tags {
      justify-self: end;
      margin-left: 1rem;
    }

    & > .desc > h3 > a {
      background-color: transparent;
    }