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 #17994 from overleaf/mf-create-config-contact-form-website-redesign

Browse source 
[web][website-redesign] Migrate "for government" and "back to school 2023" CMS page to website redesign style by repurposing the "new page style" option on CMS

GitOrigin-RevId: 5f5b3bde7be21746c48718253252c8634a20bb19
This commit is contained in:
M Fahru 2024-04-24 05:13:35 -07:00 committed by Copybot
parent f3ccafee94
commit 56a0a33b70
3 changed files with 42 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
services/web/frontend/stylesheets/app/cms-page.less
View file

@ -4,17 +4,16 @@
including About and Blog including About and Blog
*/ */
.cms-page { .cms-page {
&.page-style { &.website-redesign {
/* h1 {
Links and Buttons font-size: 2rem; // 32px
*/
a {
color: @link-color;
&:hover {
color: @link-hover-color;
}
} }
h2 {
font-size: 1.5rem; // 24px
}
/* Buttons */
// correct color property set on <a> above: // correct color property set on <a> above:
.reset-btns; .reset-btns;
.alert { .alert {
@ -25,6 +24,31 @@
.btn-alert-info; .btn-alert-info;
} }
} }
blockquote.quote-picture-bottom {
padding: (@line-height-computed / 2) @line-height-computed;
.quote-picture-and-person {
font-size: 18px;
}
.quote-by-position {
font-weight: 400;
}
}
}
.section-row {
margin: 0 auto;
/* match .col-sm-12 */
/* @grid-gutter-width is used for margins */
max-width: (@screen-sm) - @grid-gutter-width!important;
@media (min-width: @screen-md-min) {
max-width: (@screen-md) - @grid-gutter-width!important;
}
@media (min-width: @screen-lg-min) {
max-width: (@screen-lg) - @grid-gutter-width!important;
}
} }
padding-bottom: 0; padding-bottom: 0;

7
services/web/frontend/stylesheets/components/card.less
View file

@ -87,3 +87,10 @@
background-color: @ol-blue-gray-1; background-color: @ol-blue-gray-1;
border-radius: @card-border-radius; border-radius: @card-border-radius;
} }
.website-redesign {
.card {
background-color: @card-gray-bg-color;
border-radius: 24px;
}
}

34
services/web/frontend/stylesheets/core/page.less
View file

@ -1,37 +1,5 @@
.page-style { .website-redesign {
background-color: @white;
a:not(.btn) {
text-decoration: underline;
}
.page-header {
border-bottom: none;
margin: 0;
margin-top: 60px !important;
padding: 0;
text-align: center;
}
.card {
background-color: @card-gray-bg-color;
border-radius: 24px;
}
video { video {
clip-path: inset(0 0); // fix Safari bug that will sometimes add border clip-path: inset(0 0); // fix Safari bug that will sometimes add border
} }
.section-row {
margin: 0 auto;
/* match .col-sm-12 */
/* @grid-gutter-width is used for margins */
max-width: (@screen-sm) - @grid-gutter-width!important;
@media (min-width: @screen-md-min) {
max-width: (@screen-md) - @grid-gutter-width!important;
}
@media (min-width: @screen-lg-min) {
max-width: (@screen-lg) - @grid-gutter-width!important;
}
}
} }