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

Merge pull request #20508 from overleaf/as-cms-bs5-link-colours

Browse source 
[web] Adjust link behaviour for Website Redesign in BS5

GitOrigin-RevId: d09831de1f51c4e2a9bc06b0c9fd9f4a1909d7f0
This commit is contained in:
Jessica Lawshe 2024-09-24 10:19:38 -05:00 committed by Copybot
parent e8f602db9b
commit e4b3ee8988
3 changed files with 28 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -10,13 +10,13 @@
a {
color: var(--link-color);
&:hover {
color: var(--link-hover-color);
}
&:visited {
color: var(--link-visited-color);
}
&:hover {
color: var(--link-hover-color);
}
}
.link-monospace {

8
services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
View file

@ -96,9 +96,9 @@ $border-disabled: $neutral-20;
$border-active: $blue-50;
$border-danger: $red-50;
$border-divider: $neutral-20;
$link-web: $green-60;
$link-web: $green-50;
$link-web-hover: $green-70;
$link-web-visited: $green-70;
$link-web-visited: $green-50;
$link-ui: $blue-50;
$link-ui-hover: $blue-60;
$link-ui-visited: $blue-60;
@ -213,9 +213,9 @@ $link-ui-visited-dark: $blue-40;
--border-active: var(--blue-50);
--border-danger: var(--red-50);
--border-divider: var(--neutral-20);
--link-web: var(--green-60);
--link-web: var(--green-50);
--link-web-hover: var(--green-70);
--link-web-visited: var(--green-70);
--link-web-visited: var(--green-50);
--link-ui: var(--blue-50);
--link-ui-hover: var(--blue-60);
--link-ui-visited: var(--blue-60);

23
services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
View file

@ -27,6 +27,10 @@
}
.website-redesign {
--link-color: var(--link-web);
--link-hover-color: var(--link-web-hover);
--link-visited-color: var(--link-web-visited);
// hero section of features, enterprises, and universities will have an image that will overflow the page
--bs-body-color: var(--neutral-70);
@ -34,7 +38,9 @@
overflow-x: hidden;
a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
&:focus,
&:focus-visible {
@ -45,8 +51,6 @@
@include box-shadow-button-input;
}
// TODO: remove visited?
i {
vertical-align: middle;
margin-left: var(--spacing-02);
@ -61,6 +65,19 @@
line-height: inherit;
}
}
// Specific overrides for link styles
&.link-monospace {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
&.btn:hover {
text-decoration: none;
}
}
h1,