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 #21146 from overleaf/jel-begin-card

Browse source 
[web] Spacing adjustments around "\begin {now}" card on gallery and blog

GitOrigin-RevId: 822a91bb156222b61cbf671d78522fc942d4e5b4
This commit is contained in:
Jessica Lawshe 2024-10-17 07:35:13 -05:00 committed by Copybot
parent febc4b6438
commit 4f9a056bea
6 changed files with 34 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
services/web/app/views/_mixins/begin_now_card.pug
View file

@ -3,21 +3,22 @@ mixin begin_now_card()
- var plansURL = '/user/subscription/plans' - var plansURL = '/user/subscription/plans'
- var isUserLoggedIn = !!getSessionUser() - var isUserLoggedIn = !!getSessionUser()
div.card.card-pattern.cta-card .begin-now-card
.card-body div.card.card-pattern
p.dm-mono .card-body
span.font-size-display-xs p.dm-mono
span.text-purple-bright \begin span.font-size-display-xs
span.text-green-bright { span.text-purple-bright \begin
span now span.text-green-bright {
span.text-green-bright } span now
p #{translate("discover_why_people_worldwide_trust_overleaf", {count: 18})} span.text-green-bright }
p p #{translate("discover_why_people_worldwide_trust_overleaf", {count: 18})}
if !isUserLoggedIn p
a.btn.btn-primary.card-link( if !isUserLoggedIn
href=registerURL a.btn.btn-primary.card-link(
) #{translate("sign_up_for_free")} href=registerURL
a.card-link( ) #{translate("sign_up_for_free")}
class = isUserLoggedIn ? 'btn btn-primary' : 'btn btn-secondary' a.card-link(
href=plansURL class = isUserLoggedIn ? 'btn btn-primary' : 'btn btn-secondary'
) #{translate("explore_all_plans")} href=plansURL
) #{translate("explore_all_plans")}

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

@ -41,6 +41,7 @@
.blog { .blog {
margin-top: var(--spacing-16); margin-top: var(--spacing-16);
margin-bottom: var(--spacing-16);
img { img {
max-width: 100%; max-width: 100%;
@ -197,4 +198,8 @@
font-size: small; font-size: small;
} }
} }
.pagination {
margin: var(--spacing-09) 0 0 0;
}
} }

2
services/web/frontend/stylesheets/bootstrap-5/components/pagination.scss
View file

@ -3,7 +3,7 @@
.pagination { .pagination {
display: inline-block; display: inline-block;
padding-left: 0; padding-left: 0;
margin: var(--spacing-08) 0; margin: 0;
> li { > li {
display: inline-block; display: inline-block;

8
services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
View file

@ -525,14 +525,6 @@
} }
} }
.card-pattern.cta-card {
.font-size-display-xs {
@include media-breakpoint-down(lg) {
font-size: var(--font-size-08);
}
}
}
.contact-form-error-container { .contact-form-error-container {
padding-bottom: var(--spacing-08); padding-bottom: var(--spacing-08);
} }

4
services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
View file

@ -29,6 +29,10 @@
border-color: var(--neutral-30); border-color: var(--neutral-30);
} }
.begin-now-card {
margin: var(--spacing-16) 0;
}
// TODO: only used on about page. Confirm with UX changes needed // TODO: only used on about page. Confirm with UX changes needed
// .container-small { // .container-small {
// section .section-row { // section .section-row {

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

@ -192,6 +192,10 @@
} }
} }
.pagination {
margin-top: var(--spacing-13);
}
.popular-tags { .popular-tags {
.gallery-thumbnail { .gallery-thumbnail {
margin: 0 0 var(--spacing-06); margin: 0 0 var(--spacing-06);