Merge pull request #34888 from overleaf/td-onboarding-split-test

Implement onboarding split test

GitOrigin-RevId: bf3675437d7fbbffc9374ffb7c0ba95bbb5ec3b8
This commit is contained in:
Tim Down
2026-09-17 11:15:48 +00:00
committed by Copybot
parent 5dccf3b62c
commit f7ab3d2b1f
6 changed files with 61 additions and 21 deletions
@@ -213,11 +213,21 @@
gap: var(--ds-spacing-200);
li {
background-image: url('../../../public/img/ciam-check-green.svg');
background-repeat: no-repeat;
background-position: left center;
background-size: 16px 16px;
position: relative;
padding-left: calc(16px + var(--ds-spacing-200));
&::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-color: var(--ds-color-green-500);
mask: url('../../../public/img/ciam-check.svg') no-repeat center / 16px
16px;
}
}
}
@@ -10,3 +10,40 @@
width: 36px;
height: 36px;
}
.ciam-try-premium-plan-selector {
display: flex;
flex-direction: column;
gap: var(--ds-spacing-400);
}
.ciam-try-premium-plan-name {
@include ds-heading-xs-semibold;
margin: 0;
}
.ciam-try-premium-freemium {
display: flex;
flex-direction: column;
gap: var(--ds-spacing-400);
padding: 0 0 var(--ds-spacing-400) 0;
}
.ciam-try-premium-paid-plan {
background-color: var(--ds-color-green-100);
border-radius: var(--ds-border-radius-200);
padding: var(--ds-spacing-600);
display: flex;
flex-direction: column;
gap: var(--ds-spacing-400);
.ciam-try-premium-logo-container {
justify-content: flex-start;
gap: var(--ds-spacing-400);
}
.ciam-list-style-check-green li::before {
background-color: var(--ds-color-green-600);
}
}