Skip to content

Commit 3d845b3

Browse files
Update sidebar layout & resolve spring-boot build failure (#5372)
* update sidebar layout to support sticky positioning Signed-off-by: shovan-mondal <shovanmondal2004@gmail.com> * fix: resolve undefined variable isSpringbootFault causing build failure Signed-off-by: shovan-mondal <shovanmondal2004@gmail.com> --------- Signed-off-by: shovan-mondal <shovanmondal2004@gmail.com> Co-authored-by: Pritesh Kiri <77957844+PriteshKiri@users.noreply.github.com>
1 parent f4892de commit 3d845b3

2 files changed

Lines changed: 13 additions & 3 deletions

File tree

chaoscenter/web/src/components/DefaultLayout/DefaultLayout.module.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,11 @@ $sub-header-height: 65px;
3232
}
3333

3434
.leftSideBar {
35-
height: 100vh;
35+
min-height: 100vh;
36+
height: 100%;
37+
position: sticky;
38+
top: 0;
39+
align-self: stretch;
3640
border-right: 1px solid var(--grey-200);
3741
}
3842

chaoscenter/web/src/views/ChaosHub/ChaosFaults/ChaosFaults.tsx

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,13 @@ function ChaosFaults({ hubDetails, faultCategories, loading, searchValue }: Chao
101101
<Card key={fault.name} interactive className={css.insideCard}>
102102
<Layout.Vertical spacing="medium">
103103
<Layout.Horizontal spacing="small">
104-
{fault.chartName.toLowerCase() === 'kubernetes' || fault.chartName.toLowerCase() === 'spring-boot' || fault.chartName.toLowerCase() === 'k6-loadgen' || fault.chartName.toLowerCase() === 'azure' || fault.chartName.toLowerCase() === 'gcp' || fault.chartName.toLowerCase() === 'aws' || fault.chartName.toLowerCase() === 'k6-logo' ? (
104+
{fault.chartName.toLowerCase() === 'kubernetes' ||
105+
fault.chartName.toLowerCase() === 'spring-boot' ||
106+
fault.chartName.toLowerCase() === 'k6-loadgen' ||
107+
fault.chartName.toLowerCase() === 'azure' ||
108+
fault.chartName.toLowerCase() === 'gcp' ||
109+
fault.chartName.toLowerCase() === 'aws' ||
110+
fault.chartName.toLowerCase() === 'k6-logo' ? (
105111
<img
106112
src={
107113
isDefault === 'true'
@@ -111,7 +117,7 @@ function ChaosFaults({ hubDetails, faultCategories, loading, searchValue }: Chao
111117
alt={`${fault.name} icon`}
112118
style={{ width: 23, height: 23, objectFit: 'contain' }}
113119
/>
114-
) : isSpringbootFault ? (
120+
) : fault.chartName.toLowerCase() === 'spring-boot' ? (
115121
<img
116122
src="https://hub.litmuschaos.io/api/icon/3.22.0/spring-boot/spring-boot.png"
117123
alt="spring-boot"

0 commit comments

Comments
 (0)