Merge pull request #21384 from overleaf/jel-gallery-badge-links

[web] Standardize CSS for badge links lists

GitOrigin-RevId: f0684cdd9b246c6fe1ab4b3c43121fa331933a66
This commit is contained in:
Jessica Lawshe 2024-10-25 09:58:47 -05:00 committed by Copybot
parent c5af43ee34
commit f91f423ae4
4 changed files with 14 additions and 32 deletions

View file

@ -117,16 +117,10 @@ $max-width: 160px;
}
}
.tags {
.tags-list {
list-style: none;
padding: 0;
.badge-link-list {
display: flex;
gap: var(--spacing-05);
flex-wrap: wrap;
}
li {
display: inline-flex;
}
list-style: none;
padding: 0;
}

View file

@ -111,7 +111,7 @@
.search-author {
display: block;
& + .search-hit-tags {
& + .badge-link-list {
margin-top: var(--spacing-06);
}
}
@ -120,15 +120,6 @@
margin-left: var(--spacing-06);
vertical-align: text-top;
}
.search-hit-tags {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap;
gap: var(--spacing-04);
}
}
}
}

View file

@ -509,7 +509,7 @@
margin-bottom: unset;
}
.tags-list {
.badge-link-list {
padding: 0 var(--spacing-05);
margin-bottom: 0 !important;
}

View file

@ -340,11 +340,6 @@
@include heading-xs;
}
.section-tags {
display: flex;
gap: var(--spacing-04);
}
.cta-links {
margin: var(--spacing-09) 0;
@ -409,12 +404,14 @@
}
@include media-breakpoint-down(md) {
.template-item-right-section {
margin-top: var(--spacing-11);
}
.section-tags {
.template-item-left-section {
.badge-link-list {
margin-top: var(--spacing-04);
}
}
.template-item-right-section {
margin-top: var(--spacing-11);
}
}
}