From 17ca5b22c52dae305b9a348011eb7084ba2ce262 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Tue, 11 Jun 2024 09:23:29 -0700
Subject: [PATCH] Merge pull request #18840 from
 overleaf/mf-new-plans-page-max-height-th

Make new plans table head row (thead > tr) have a dynamic height depending on the maximum value of one of the `th`

GitOrigin-RevId: 1aad2f023a3e83f3037a41b061d63a9351eb1ae8
---
 .../app/plans/plans-new-design.less           | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

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 cf5027bfbe..40dedaff28 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
@@ -233,6 +233,17 @@
     th {
       font-weight: normal;
     }
+
+    // dynamic height on table head
+    thead {
+      tr {
+        height: 100%;
+
+        th {
+          height: 100%;
+        }
+      }
+    }
   }
 
   .plans-new-table-4-column {
@@ -242,24 +253,15 @@
     }
   }
 
-  .plans-new-table-individual {
-    thead th {
-      height: 235px;
-    }
-  }
-
   .plans-new-table-group {
-    thead th {
-      height: 346px;
+    .plans-new-table-header-price-container {
+      min-height: 85px;
+    }
 
-      .plans-new-table-header-price-container {
-        min-height: 85px;
-      }
-
-      .plans-new-table-header-title {
-        @media (max-width: @screen-md-max) {
-          font-size: 1rem; // 16px
-        }
+    // css specificity issue
+    thead tr th .plans-new-table-header-title {
+      @media (max-width: @screen-md-max) {
+        font-size: 1rem; // 16px
       }
     }
   }