🐞 fix: Use max-height for team-grid bio animation
This commit is contained in:
Vendored
+4
-10
@@ -6978,14 +6978,13 @@ a.contact-info__value:hover {
|
||||
}
|
||||
|
||||
.team-grid .team-grid__bio-wrap {
|
||||
transition-behavior: allow-discrete;
|
||||
grid-template-rows: 0fr;
|
||||
transition: grid-template-rows .3s;
|
||||
display: grid;
|
||||
max-height: 0;
|
||||
transition: max-height .3s;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.team-grid .team-grid__details[open] .team-grid__bio-wrap {
|
||||
grid-template-rows: 1fr;
|
||||
max-height: 1000px;
|
||||
}
|
||||
|
||||
.team-grid .team-grid__details[open] .team-grid__read-bio:after {
|
||||
@@ -6993,11 +6992,6 @@ a.contact-info__value:hover {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.team-grid .team-grid__bio-inner {
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.team-grid .team-grid__bio {
|
||||
padding-top: calc(var(--spacing) * 2);
|
||||
text-align: center;
|
||||
|
||||
Reference in New Issue
Block a user