Change Details

This diff is the second part to the introduction of the keyserver faq section. The focus of this diff is animating the answers to slide in with an accordion like animation. Right now there is currently an issue with the animation when resizing the window, which could change the height of the content within the faq answer container; however, the very next diff will address this. Depends on D8093

This diff is the second part to the introduction of the keyserver faq section. The focus of this diff is animating the answers to slide in with an accordion like animation. When I first built this, I ran into the issue where I couldn't add a transition with `auto`. Since we need an explicit value to to make this transition, I initially thought the best way to go about animating this was to calculate the height using JS. However, after further research I found a much more elegant way to achieve the same effect using grid Sources: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions#specifications https://carlanderson.xyz/how-to-animate-on-height-auto/ https://keithjgrant.com/posts/2023/04/transitioning-to-height-auto/ https://www.youtube.com/watch?v=B_n4YONte5A Depends on D8093

This diff is the second part to the introduction of the keyserver faq section. The focus of this diff is animating the answers to slide in with an accordion like animation. Right now there is currently anWhen I first built this, I ran into the issue with the animation when resizing the window,here I couldn't add a transition with `auto`. which could change the height of the content within the faq answer container;Since we need an explicit value to to make this transition, however,I initially thought the best way to go about animating this was to calculate the height using JS. the very next diff will address this.However, after further research I found a much more elegant way to achieve the same effect using grid Sources: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions#specifications https://carlanderson.xyz/how-to-animate-on-height-auto/ https://keithjgrant.com/posts/2023/04/transitioning-to-height-auto/ https://www.youtube.com/watch?v=B_n4YONte5A Depends on D8093