Merge pull request #24635 from overleaf/mf-tear-down-period-toggle-improvements-test

[web] Tear down `period-toggle-improvements` split test and apply the `default` variant

GitOrigin-RevId: 154a291437afc6e4b1c87eef91e6f05ae5a454c3
This commit is contained in:
M Fahru
2025-04-08 05:44:38 -07:00
committed by Copybot
parent 1f174a1031
commit 2396e2e928
2 changed files with 0 additions and 79 deletions
@@ -22,10 +22,6 @@
@table-4-column-width: 25%;
@table-5-column-width: 20%;
@plans-m-a-new-switch-height: 20px;
@plans-m-a-switch-padding: 2px;
.plans-new-design {
padding-top: var(--header-height);
@@ -1200,77 +1196,3 @@
}
}
}
/// Toggle for monthly/annual toggle for period-toggle-improvements test
/// Based on toggle in light-touch-redesign
.monthly-annual-switch {
color: var(--neutral-90);
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-top: var(--spacing-09);
margin-bottom: var(--spacing-13);
.plans-new-discount-label {
margin-left: var(--spacing-04);
color: var(--green-50);
}
@media (max-width: @screen-xs-max) {
margin-top: var(--spacing-08);
margin-bottom: var(--spacing-08);
}
label {
position: relative;
display: inline-block;
width: 34px;
height: @plans-m-a-new-switch-height;
margin-right: var(--spacing-05);
margin-bottom: 0;
input {
opacity: 0;
width: 0;
height: 0;
}
input + span {
background-color: var(--neutral-70);
}
input:checked + span {
background-color: var(--green-50);
}
input:checked + span::before {
transform: translateX(14px);
}
span {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s;
border-radius: @plans-m-a-new-switch-height;
&::before {
position: absolute;
content: '';
height: @plans-m-a-new-switch-height - @plans-m-a-switch-padding -
@plans-m-a-switch-padding;
width: @plans-m-a-new-switch-height - @plans-m-a-switch-padding -
@plans-m-a-switch-padding;
left: @plans-m-a-switch-padding;
bottom: @plans-m-a-switch-padding;
background-color: @white;
transition: 0.4s;
border-radius: 50%;
}
}
}
}
-1
View File
@@ -1925,7 +1925,6 @@
"select_from_your_computer": "select from your computer",
"select_github_repository": "Select a GitHub repository to import into __appName__.",
"select_image_from_project_files": "Select image from project files",
"select_monthly_plans": "Select for monthly plans",
"select_project": "Select __project__",
"select_projects": "Select Projects",
"select_tag": "Select tag __tagName__",