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 { .PodDetailsTolerations {
.toleration { grid-template-columns: auto;
margin-bottom: $margin;
// 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 { .DrawerItem {
--drawer-item-title-width: 30%;
display: grid; 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; border-bottom: 1px solid $borderFaintColor;
padding: $padding 0; padding: $padding 0;

View File

@ -25,7 +25,7 @@ export class DrawerParamToggler extends React.Component<DrawerParamTogglerProps,
return ( return (
<div className="DrawerParamToggler"> <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-label">{label}</div>
<div className="param-link" onClick={this.toggle}> <div className="param-link" onClick={this.toggle}>
<span className="param-link-text">{link}</span> <span className="param-link-text">{link}</span>