From 2396e2e92872126f03a69f572a0d1fa583d7f2eb Mon Sep 17 00:00:00 2001 From: M Fahru Date: Tue, 8 Apr 2025 05:44:38 -0700 Subject: [PATCH] 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 --- .../web/frontend/stylesheets/app/plans.less | 78 ------------------- services/web/locales/en.json | 1 - 2 files changed, 79 deletions(-) diff --git a/services/web/frontend/stylesheets/app/plans.less b/services/web/frontend/stylesheets/app/plans.less index 52ab87d629..391a752436 100644 --- a/services/web/frontend/stylesheets/app/plans.less +++ b/services/web/frontend/stylesheets/app/plans.less @@ -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%; - } - } - } -} diff --git a/services/web/locales/en.json b/services/web/locales/en.json index ab75c53871..8e76ffc335 100644 --- a/services/web/locales/en.json +++ b/services/web/locales/en.json @@ -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__",