1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/+helm-charts/helm-charts.scss
Sebastian Malton 32b84d1658
Fix crash in HelmChartDetails (#5667)
* Fix crash in HelmChartDetails

Signed-off-by: Sebastian Malton <sebastian@malton.name>

* Fix bug in helm chart icon fallback

Signed-off-by: Sebastian Malton <sebastian@malton.name>

* Update snapshots

Signed-off-by: Sebastian Malton <sebastian@malton.name>

* Factor out HelmChartIcon for better reusability

Signed-off-by: Sebastian Malton <sebastian@malton.name>

* Fix compile error

Signed-off-by: Sebastian Malton <sebastian@malton.name>

* Fix remaining type errors

Signed-off-by: Sebastian Malton <sebastian@malton.name>

* Remove HelmChart list figure background

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Removing dangerouslySetInnerHTML usage

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Snapshots update

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Using currentColor from cascade instead of specific one

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com>
2022-07-04 16:17:44 -04:00

69 lines
1.1 KiB
SCSS

/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
.HelmCharts {
.SearchInput {
width: 70%;
margin: auto;
> label {
padding: $padding $padding * 2;
}
}
.TableCell {
text-overflow: ellipsis;
&.name {
flex-grow: 1.3;
}
&.icon {
$iconSize: $unit * 3.5;
padding: 0;
display: flex;
flex-grow: 0;
flex-basis: $iconSize;
figure {
width: $iconSize;
height: $iconSize;
margin: auto;
svg {
padding: 1px;
}
img {
object-fit: contain;
width: inherit;
height: inherit;
visibility: hidden;
border-radius: inherit;
&.visible {
visibility: visible;
}
}
}
}
&.description {
flex-grow: 2.5;
}
&.repository {
&.stable {
color: var(--helmStableRepo);
}
&.incubator {
color: var(--helmIncubatorRepo);
}
}
}
}