Jelajahi Sumber

Fix big spacing on the bottom and the right side of the new plans page (#8767)

GitOrigin-RevId: c30ed0e7733eb48048162ed55d0359b449e4f10b
M Fahru 4 tahun lalu
induk
melakukan
c95c96a1d4
1 mengubah file dengan 9 tambahan dan 3 penghapusan
  1. 9 3
      services/web/frontend/stylesheets/app/plans-v2.less

+ 9 - 3
services/web/frontend/stylesheets/app/plans-v2.less

@@ -1047,9 +1047,15 @@ p.plans-v2-table-green-highlighted-text {
 }
 
 .plans-v2-table-sticky-header-container {
-  height: 100%;
-  width: 100%;
-  position: absolute;
+  @media (max-width: @screen-xs-max) {
+    // `height: 60%` is just an arbitrary percentage
+    // since we need to cover the whole plans_v2_table
+    // but not too much so it vertically overflows the page
+    // and it's not trivial to calculate the precise table height
+    height: 60%;
+    width: 100%;
+    position: absolute;
+  }
 }
 
 .plans-v2-table-sticky-header-without-switch {