Skip to content

Commit 996c701

Browse files
committed
fix: add animation
1 parent f531ff7 commit 996c701

File tree

1 file changed

+31
-0
lines changed

1 file changed

+31
-0
lines changed

src/containers/Tenant/Healthcheck/Healthcheck.scss

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,19 @@
2424
&__issue-wrapper {
2525
border: 1px solid var(--g-color-line-generic);
2626
border-radius: var(--g-border-radius-s);
27+
28+
.g-disclosure_enter_active {
29+
display: grid;
30+
31+
animation-name: disclosure-expanded;
32+
animation-duration: 0.2s;
33+
}
34+
.g-disclosure_exit_active {
35+
display: grid;
36+
37+
animation-name: disclosure-collapsed;
38+
animation-duration: 0.1s;
39+
}
2740
}
2841
&__issue-summary {
2942
padding: var(--g-spacing-4);
@@ -76,3 +89,21 @@
7689
padding: 0 var(--g-spacing-4) var(--g-spacing-4) var(--g-spacing-4);
7790
}
7891
}
92+
93+
@keyframes disclosure-expanded {
94+
0% {
95+
grid-template-rows: 0fr;
96+
}
97+
100% {
98+
grid-template-rows: 1fr;
99+
}
100+
}
101+
102+
@keyframes disclosure-collapsed {
103+
0% {
104+
grid-template-rows: 1fr;
105+
}
106+
100% {
107+
grid-template-rows: 0fr;
108+
}
109+
}

0 commit comments

Comments
 (0)