diff --git a/static/dist/theme.css b/static/dist/theme.css index 3f45d75..482f018 100644 --- a/static/dist/theme.css +++ b/static/dist/theme.css @@ -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; diff --git a/views/blocks/team-grid/team-grid.css b/views/blocks/team-grid/team-grid.css index aebf5e4..ad573e5 100644 --- a/views/blocks/team-grid/team-grid.css +++ b/views/blocks/team-grid/team-grid.css @@ -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; } }