Commit 3296d02
authored
fix(ui): consistent padding for collapsed/expanded package accordions (#4426)
When viewing affected packages on vulnerability pages, the last package
in an ecosystem had different bottom padding depending on whether it was
collapsed or expanded:
<img width="1777" height="849" alt="befafter"
src="https://github.com/user-attachments/assets/12b4af46-6cd4-4a13-b8bb-bad533c19742"
/>
This was caused by the CSS rule `margin-bottom` being applied to
`.package-details-card` inside `.package-accordion--last`. When the
accordion was collapsed, this element was hidden, so the margin didn't
apply.
The padding rule is now applied on the last accordion element instead of
the hidden child element.1 parent 42c39d9 commit 3296d02
1 file changed
+2
-5
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1071 | 1071 | | |
1072 | 1072 | | |
1073 | 1073 | | |
1074 | | - | |
| 1074 | + | |
1075 | 1075 | | |
1076 | 1076 | | |
1077 | 1077 | | |
| |||
1110 | 1110 | | |
1111 | 1111 | | |
1112 | 1112 | | |
1113 | | - | |
1114 | | - | |
1115 | | - | |
1116 | | - | |
| 1113 | + | |
1117 | 1114 | | |
1118 | 1115 | | |
1119 | 1116 | | |
| |||
0 commit comments