Sfoglia il codice sorgente

Merge pull request #19515 from overleaf/ds-plans-page-groups-tab-mobile

Plans page ( New Design Mobile )- Adding the features table for groups tab

GitOrigin-RevId: 9b27707f60441a16b67aafab8814635de4444110
Davinder Singh 2 anni fa
parent
commit
96e290d959

+ 22 - 4
services/web/frontend/stylesheets/app/plans/plans-new-design.less

@@ -652,6 +652,21 @@
             background-color: var(--neutral-10);
           }
 
+          .plans-group-features-table-header-item-content-mobile {
+            margin-bottom: var(--spacing-08);
+            padding: var(--spacing-04);
+            text-align: center;
+            background-color: var(--neutral-10);
+            height: 64px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .plans-features-table-header-item-title-mobile {
+              display: flex;
+              flex-direction: column;
+            }
+          }
+
           .plans-features-table-header-item-title-mobile {
             color: var(--neutral-90);
             line-height: var(--line-height-03);
@@ -666,16 +681,19 @@
           }
         }
 
-        .plans-features-table-header-item-content-mobile.highlighted {
+        .highlighted-styles {
           background-color: var(--neutral-80);
-          .plans-features-table-header-item-title-mobile {
-            color: var(--white);
-          }
 
+          .plans-features-table-header-item-title-mobile,
           .plans-features-table-header-item-price-mobile {
             color: var(--white);
           }
         }
+
+        .plans-features-table-header-item-content-mobile.highlighted,
+        .plans-group-features-table-header-item-content-mobile.highlighted {
+          .highlighted-styles;
+        }
       }
 
       .plans-features-table-body-container-mobile {

+ 1 - 0
services/web/locales/en.json

@@ -788,6 +788,7 @@
   "go_to_pdf_location_in_code": "Go to PDF location in code (Tip: double click on the PDF for best results)",
   "go_to_settings": "Go to settings",
   "great_for_getting_started": "Great for getting started",
+  "group": "Group",
   "group_admin": "Group admin",
   "group_admins_get_access_to": "Group admins get access to",
   "group_admins_get_access_to_info": "Special features available only on group plans.",