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

Fine-tune TableHead styling in PodDetailsList

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-07-14 10:20:37 +03:00
parent c182b120c9
commit 28d2e8500b
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/+nodes/node-details-resources.tsx
View File

@ -54,7 +54,7 @@ export class NodeDetailsResources extends React.Component<Props> {
selectable
scrollable={false}
>
<TableHead>
<TableHead sticky={false}>
<TableCell className="cpu">CPU</TableCell>
<TableCell className="memory">Memory</TableCell>
<TableCell className="ephemeral-storage">Ephemeral Storage</TableCell>

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

@ -28,6 +28,10 @@
&.virtual {
height: 500px;
}
.TableHead.sticky {
top: calc(var(--spacing) * -1);
}
}
.TableCell {

4
src/renderer/components/table/table-head.scss
View File

@ -38,8 +38,7 @@
position: -webkit-sticky; // safari
position: sticky;
z-index: 1;
top: -24px; // turn on sticky behaviour
height: 48px;
top: 0;
}
&.nowrap {
@ -49,6 +48,7 @@
.TableCell {
display: flex;
align-items: center;
word-break: normal;
&.checkbox {
> .Checkbox {