hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Remove redundant mixin and :global rules

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-12-16 11:36:05 +03:00
parent 23ebccc7ba
commit 6112cc9aaf
2 changed files with 55 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
src/renderer/components/+workloads-pods/pod-details-list.module.scss
View File

@ -1,56 +1,65 @@
.PodDetailsList {
@mixin status-colors {
@each $status, $color in $pod-status-color-list {
&:global(.#{$status}) {
color: $color;
}
}
}
.table {
margin: 0 (-$margin * 3);
&:global(.virtual) {
height: 500px;
}
:global(.TableCell).warning {
@include table-cell-warning;
}
:global(.TableCell).status {
@include status-colors;
.warning {
display: flex;
align-items: center;
flex-grow: 0.3;
padding: 0;
}
}
}
.table {
margin: 0 (-$margin * 3);
}
.name {
flex-grow: 2;
margin-left: $margin;
}
.node {
flex-grow: 2;
}
.namespace {
flex-grow: 1.2;
}
.cpu {
align-self: center;
.LineProgress {
color: var(--blue);
}
}
.memory {
align-self: center;
:global(.LineProgress) {
color: var(--magenta);
.name {
flex-grow: 2;
margin-left: $margin;
}
.node {
flex-grow: 2;
}
.namespace {
flex-grow: 1.2;
}
.cpu {
align-self: center;
.LineProgress {
color: var(--blue);
}
}
.memory {
align-self: center;
:global(.LineProgress) {
color: var(--magenta);
}
}
.status[data-status=running] {
color: var(--colorOk);
}
.status[data-status=pending] {
color: var(--colorWarning);
}
.status[data-status=evicted] {
color: var(--colorError);;
}
.status[data-status=failed] {
color: var(--colorError);;
}
.status[data-status=succeeded] {
color: var(--colorOk);
}
}

2
src/renderer/components/+workloads-pods/pod-details-list.tsx
View File

@ -150,7 +150,7 @@ export class NonInjectedPodDetailsList extends React.Component<PodDetailsListPro
</TableCell>
<TableCell className={styles.cpu}>{this.renderCpuUsage(`cpu-${pod.getId()}`, metrics.cpu)}</TableCell>
<TableCell className={styles.memory}>{this.renderMemoryUsage(`memory-${pod.getId()}`, metrics.memory)}</TableCell>
<TableCell className={cssNames(styles.status, kebabCase(pod.getStatusMessage()))}>{pod.getStatusMessage()}</TableCell>
<TableCell className={cssNames(styles.status)} data-status={kebabCase(pod.getStatusMessage())}>{pod.getStatusMessage()}</TableCell>
</TableRow>
);
}