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

Implement changes for supplementary website redesign pages (#16535)

Browse source 
* Fix space between 'See all plans' and 'or'

* Tweak hero cards on /for/ pages to closer match design

* Fix 'See all plans' text size and link underlines

* Change info card padding after markup feedback

* Underline inline green link

* Reduce LaTeX on Overleaf padding by half (100->50px)

GitOrigin-RevId: b83e43725e8ced55904837a270104fdc414fe639
This commit is contained in:
Thomas 2024-01-16 16:10:24 +01:00 committed by Copybot
parent 061839d610
commit 74e7e69a3a
1 changed files with 27 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
services/web/frontend/stylesheets/app/website-redesign.less
View file

@ -113,6 +113,10 @@
}
}
.plans-bottom-text {
font-size: 1.125rem;
}
.info-cards {
@media (min-width: @screen-md-min) {
display: flex; /* equal heights */
@ -120,19 +124,14 @@
}
.info-card-container {
min-height: 348px;
margin-bottom: 16px;
@media (max-width: @screen-sm-max) {
min-height: unset;
}
.info-card {
border-radius: 8px;
height: 100%;
box-shadow: 0px 2px 4px 0px rgba(30, 37, 48, 0.16);
border-top: 8px solid #2f4858;
padding: 48px 40px 48px 40px;
padding: 32px 40px 32px 40px;
&.info-card-big-text {
h3 {
@ -237,6 +236,21 @@
}
}
.features-card-hero {
/* borrow from features-card, but rewrite if needed before adding too many overrides */
.features-card;
padding-top: @line-height-computed * 2;
.features-card-description,
.features-card-description-list {
p {
font-size: 1.25rem;
width: 90%;
}
}
}
.top-image-cards {
.top-image-card {
> img.img-responsive {
@ -538,6 +552,13 @@
}
}
.green-link-underline {
.green-link;
/* TODO: implement standard links correctly when design fully rolls out */
text-decoration: underline;
}
.white-link {
.link-with-arrow;
color: white;