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 #19291 from overleaf/ds-plans-page-new-design-plans-features-table-mobile-screen-follow-up

Browse source 
Website redesign - Plans page features table section follow up

GitOrigin-RevId: 7e175ffbb916c613fc1f297c1c2b6ec989cbee00
This commit is contained in:
Davinder Singh 2024-07-15 11:26:02 +01:00 committed by Copybot
parent f4a7b1f298
commit 3083d8082f
1 changed files with 39 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
services/web/frontend/stylesheets/app/plans/plans-new-design.less
View file

@ -265,6 +265,10 @@
width: 100%;
border: none;
padding-top: 0;
@media (max-width: @screen-xs-min) {
padding: 0;
}
}
.plans-new-mobile {
@ -712,6 +716,41 @@
padding-top: var(--spacing-06);
font-weight: 600;
line-height: var(--line-height-03);
.plans-features-table-row-title-accordion {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 var(--spacing-04);
.plans-features-table-row-title-accordion-header {
font-size: var(--font-size-03);
font-weight: 600;
line-height: var(--line-height-03);
display: flex;
justify-content: center;
background-color: unset;
border: unset;
.plans-features-table-row-title-accordion-icon {
display: flex;
align-items: center;
transition: transform 0.35s ease;
margin-left: var(--spacing-02);
}
&:not(.collapsed) {
.plans-features-table-row-title-accordion-icon {
transform: rotate(180deg);
transition: transform 0.35s ease;
}
}
}
.plans-features-table-row-title-accordion-body {
font-size: var(--font-size-01);
line-height: var(--line-height-01);
font-weight: 400;
}
}
}
}