From 671b7fd0d9504acff943fe092f5b2722a3575d9d Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Thu, 6 Jun 2024 10:39:27 -0700
Subject: [PATCH] Merge pull request #18749 from
 overleaf/mf-render-new-plans-page-based-on-screen-size

[web] Create a configuration to render new plans page content based on screen width

GitOrigin-RevId: 64e1eba3a44665c6f58b432ff46a8b5e5a9f2cfa
---
 .../stylesheets/app/plans/plans-new-design.less  | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/plans/plans-new-design.less b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
index 4e861b1c22..3381a9cc06 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
@@ -122,4 +122,20 @@
     display: flex;
     align-items: center;
   }
+
+  .plans-new-mobile {
+    display: none;
+
+    @media (max-width: @screen-xs-max) {
+      display: flex;
+    }
+  }
+
+  .plans-new-desktop {
+    display: flex;
+
+    @media (max-width: @screen-xs-max) {
+      display: none;
+    }
+  }
 }