1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Expanding tolerations div width

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-01-21 12:23:09 +03:00
parent d8e088f352
commit 790d833257
3 changed files with 20 additions and 4 deletions

View File

@ -1,5 +1,19 @@
.PodDetailsTolerations {
.toleration {
margin-bottom: $margin;
grid-template-columns: auto;
// Expanding value cell to cover 2 columns (whole Drawer width)
> .name {
grid-row-start: 1;
grid-column-start: 1;
}
> .value {
grid-row-start: 1;
grid-column-start: 1;
}
.DrawerParamToggler > .params {
margin-left: var(--drawer-item-title-width);
}
}

View File

@ -1,6 +1,8 @@
.DrawerItem {
--drawer-item-title-width: 30%;
display: grid;
grid-template-columns: minmax(30%, min-content) auto;
grid-template-columns: minmax(var(--drawer-item-title-width), min-content) auto;
border-bottom: 1px solid $borderFaintColor;
padding: $padding 0;

View File

@ -25,7 +25,7 @@ export class DrawerParamToggler extends React.Component<DrawerParamTogglerProps,
return (
<div className="DrawerParamToggler">
<div className="flex gaps align-center">
<div className="flex gaps align-center params">
<div className="param-label">{label}</div>
<div className="param-link" onClick={this.toggle}>
<span className="param-link-text">{link}</span>