Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

🐞 fix: Use max-height for team-grid bio animation

Browse Source
This commit is contained in:
Keith Solomon
2026-07-25 15:33:10 -05:00
parent aabed2b437
commit 7c1c145846
2 changed files with 8 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/dist/theme.css
Vendored
+4 -10
View File
@@ -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;
views/blocks/team-grid/team-grid.css
+4 -10
View File
@@ -51,14 +51,13 @@
}
.team-grid__bio-wrap {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 300ms ease;
transition-behavior: allow-discrete;
max-height: 0;
overflow: hidden;
transition: max-height 300ms ease;
}
.team-grid__details[open] {
.team-grid__bio-wrap { grid-template-rows: 1fr; }
.team-grid__bio-wrap { max-height: 1000px; }
.team-grid__read-bio::after {
content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20transform%3D%22rotate(0%200%200)%22%3E%3Cpath%20d%3D%22M6.28033%2010.5947C5.98744%2010.3018%205.51256%2010.3018%205.21967%2010.5947C4.92678%2010.8876%204.92678%2011.3624%205.21967%2011.6553L11.4697%2017.9053C11.7626%2018.1982%2012.2374%2018.1982%2012.5303%2017.9053L18.7803%2011.6553C19.0732%2011.3624%2019.0732%2010.8876%2018.7803%2010.5947C18.4874%2010.3018%2018.0126%2010.3018%2017.7197%2010.5947L12%2016.3143L6.28033%2010.5947Z%22%20fill%3D%22%23006196%22%2F%3E%3Cpath%20opacity%3D%221%22%20d%3D%22M6.28033%206.09467C5.98744%205.80178%205.51256%205.80178%205.21967%206.09467C4.92678%206.38756%204.92678%206.86244%205.21967%207.15533L11.4697%2013.4053C11.7626%2013.6982%2012.2374%2013.6982%2012.5303%2013.4053L18.7803%207.15533C19.0732%206.86244%2019.0732%206.38756%2018.7803%206.09467C18.4874%205.80178%2018.0126%205.80178%2017.7197%206.09467L12%2011.8143L6.28033%206.09467Z%22%20fill%3D%22%23006196%22%2F%3E%3C%2Fsvg%3E");
@@ -66,10 +65,5 @@
}
}
.team-grid__bio-inner {
overflow: hidden;
min-height: 0;
}
.team-grid__bio { @apply text-16px font-light leading-snug pt-2 text-center text-balance; }
}