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 #21446 from overleaf/jel-content-pages-btn

Browse source 
[web] Fix spacing between `.btn` on gallery pages

GitOrigin-RevId: f3603ffb0a64b69fd3f12eae74639599aa5f8c9a
This commit is contained in:
M Fahru 2024-10-31 08:49:19 -07:00 committed by Copybot
parent 9745c045ba
commit d0df44b190
5 changed files with 30 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -13,12 +13,12 @@ mixin begin_now_card()
span now
span.text-green-bright }
p #{translate("discover_why_people_worldwide_trust_overleaf", {count: 18})}
p
p.card-links
if !isUserLoggedIn
a.btn.btn-primary.card-link(
href=registerURL
) #{translate("sign_up_for_free")}
a.card-link(
class = isUserLoggedIn ? 'btn btn-primary' : 'btn btn-secondary'
a.btn.card-link(
class = isUserLoggedIn ? 'btn-primary' : 'btn-secondary'
href=plansURL
) #{translate("explore_all_plans")}

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

@ -66,10 +66,6 @@
}
}
.btn + .btn {
margin-left: var(--spacing-06);
}
.card + .card {
margin-top: var(--spacing-09);
}

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

@ -12,6 +12,25 @@
word-break: break-word;
.btn + .btn,
.card-link + .card-link {
margin-left: var(--spacing-06);
}
.card-links {
@include media-breakpoint-down(md) {
.btn {
width: 100%;
margin-left: 0;
margin-top: var(--spacing-05);
}
.btn:first-child {
margin-top: 0;
}
}
}
/*
Links and Buttons
*/

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

@ -354,13 +354,18 @@
}
.cta-links-container {
margin: var(--spacing-09) 0;
margin-top: var(--spacing-09);
margin-bottom: var(--spacing-09);
.cta-links {
display: inline-flex;
gap: var(--spacing-04);
padding: unset;
align-items: flex-start;
flex-wrap: wrap;
gap: var(--spacing-06);
.btn {
margin: 0; // gap will handle spacing
}
}
}

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

@ -236,28 +236,6 @@
--bs-card-spacer-x: var(--spacing-08);
}
.cta-card {
.btn + .btn {
margin-left: var(--spacing-04);
}
p:has(.btn) {
margin-top: var(--spacing-09);
@include media-breakpoint-down(md) {
.btn {
width: 100%;
margin-left: 0;
margin-top: var(--spacing-05);
}
.btn:first-child {
margin-top: 0;
}
}
}
}
.badge-premium {
--badge-font-weight: 600;
}