features: Tweak edge cases across feature subheaders.

This commit is contained in:
Karl Stolley 2024-02-22 13:41:16 -06:00 committed by Tim Abbott
parent ea2818786e
commit 65bbfa8d44
1 changed files with 29 additions and 4 deletions

View File

@ -363,9 +363,8 @@
font-size: 13px;
line-height: 16px;
box-sizing: border-box;
height: 44px;
padding-bottom: 4px;
padding-top: 4px;
padding-top: 10px;
padding-bottom: 8px;
}
.comparison-table td.comparison-table-feature {
@ -576,7 +575,8 @@
}
.comparison-table td.stuck {
padding-top: 24px;
padding-top: 20px;
padding-bottom: 6px;
vertical-align: top;
}
}
@ -591,7 +591,32 @@
.comparison-table td.subheader.comparison-table-feature {
/* Line up features with plan titles. */
line-height: 14px;
min-width: auto;
}
.comparison-table td.stuck {
top: 64px;
height: 55px;
}
}
}
@media (width <= 500px) {
.comparison-table td.subheader.comparison-table-feature {
min-width: max-content;
}
}
@media (width <= 356px) {
.zulip-plans-comparison
.comparison-table
td.subheader.comparison-table-feature {
height: 51px;
top: 60px;
}
.zulip-plans-comparison .comparison-table th {
height: 51px;
}
}