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
This commit is contained in:
M Fahru
2024-06-11 09:23:29 -07:00
committed by Copybot
parent 3f07c5ccaa
commit 27fedacd56

View File

@@ -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
}
}
}