github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-14 20:40:17 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #21215 from overleaf/jel-redesign-black-links

Browse source 
[web] Consolidate black link CSS on pages using new design

GitOrigin-RevId: cdeccee0586efbf67e656828ed597e4441242edd
This commit is contained in:
Jessica Lawshe 2024-10-21 11:44:55 -05:00 committed by Copybot
parent 18739d122e
commit c37e6a17fb
3 changed files with 16 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
services/web/frontend/stylesheets/bootstrap-5/base/links.scss
View file

@ -33,13 +33,10 @@ a {
} }
} }
.link-black-full-width { .link-black-text {
display: flex;
width: 100%;
justify-content: space-between;
color: var(--neutral-90); color: var(--neutral-90);
font-weight: 600;
text-decoration: none; text-decoration: none;
font-weight: 600;
&:visited { &:visited {
color: var(--neutral-90); color: var(--neutral-90);
@ -50,3 +47,11 @@ a {
text-decoration: underline; text-decoration: underline;
} }
} }
.link-black-full-width {
@extend .link-black-text;
display: flex;
width: 100%;
justify-content: space-between;
}

7
services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss
View file

@ -97,12 +97,7 @@
margin-bottom: var(--spacing-06); margin-bottom: var(--spacing-06);
a { a {
text-decoration: none; @extend .link-black-text;
color: var(--neutral-90);
&:hover {
text-decoration: underline;
}
} }
} }

12
services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
View file

@ -112,6 +112,8 @@
.gallery-thumbnail { .gallery-thumbnail {
a { a {
@extend .link-black-text;
display: inline-block; display: inline-block;
} }
@ -148,8 +150,9 @@
gap: var(--spacing-04); gap: var(--spacing-04);
.badge-container { .badge-container {
display: flex; .badge:not(:first-child) {
gap: var(--spacing-04); margin-left: var(--spacing-04);
}
} }
* { * {
@ -165,11 +168,6 @@
@include heading-md; @include heading-md;
@include line-clamp; @include line-clamp;
} }
a,
a:hover {
text-decoration: none;
}
} }
.pagination { .pagination {