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

Fix pod-details-tolerations

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2022-06-17 11:11:48 -04:00
parent 467dee924a
commit 1601f1117d
3 changed files with 34 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/renderer/components/drawer/__snapshots__/drawer-param-toggler.test.tsx.snap
View File

@ -10,16 +10,16 @@ exports[`<DrawerParamToggler /> after clicking the toggle after clicking the tog
class="flex gaps align-center params"
>
<div
class="label"
class="param-label"
>
Foo
</div>
<div
class="link"
class="param-link"
data-testid="drawer-param-toggler"
>
<span
class="linkText"
class="param-link-text"
>
Show
</span>
@ -35,6 +35,9 @@ exports[`<DrawerParamToggler /> after clicking the toggle after clicking the tog
</i>
</div>
</div>
<div
class="param-content"
/>
</div>
</div>
</body>
@ -50,16 +53,16 @@ exports[`<DrawerParamToggler /> after clicking the toggle renders 1`] = `
class="flex gaps align-center params"
>
<div
class="label"
class="param-label"
>
Foo
</div>
<div
class="link"
class="param-link"
data-testid="drawer-param-toggler"
>
<span
class="linkText"
class="param-link-text"
>
Hide
</span>
@ -76,7 +79,7 @@ exports[`<DrawerParamToggler /> after clicking the toggle renders 1`] = `
</div>
</div>
<div
class="content"
class="param-content open"
>
<div
data-testid="drawer-child"
@ -97,16 +100,16 @@ exports[`<DrawerParamToggler /> renders 1`] = `
class="flex gaps align-center params"
>
<div
class="label"
class="param-label"
>
Foo
</div>
<div
class="link"
class="param-link"
data-testid="drawer-param-toggler"
>
<span
class="linkText"
class="param-link-text"
>
Show
</span>
@ -122,6 +125,9 @@ exports[`<DrawerParamToggler /> renders 1`] = `
</i>
</div>
</div>
<div
class="param-content"
/>
</div>
</div>
</body>

14
src/renderer/components/drawer/drawer-param-toggler.module.scss → src/renderer/components/drawer/drawer-param-toggler.scss
View File

@ -4,20 +4,24 @@
*/
.DrawerParamToggler {
.label {
.param-label {
flex-grow: 2
}
.link {
.param-link {
cursor: pointer;
.linkText {
.param-link-text {
color: var(--blue);
text-decoration: underline;
}
}
.content {
display: block;
.param-content {
&.open {
display: block;
}
display: none;
}
}

19
src/renderer/components/drawer/drawer-param-toggler.tsx
View File

@ -3,9 +3,10 @@
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import styles from "./drawer-param-toggler.module.scss";
import "./drawer-param-toggler.scss";
import React from "react";
import { Icon } from "../icon";
import { cssNames } from "../../utils";
export interface DrawerParamTogglerProps {
label: string | number;
@ -29,23 +30,21 @@ export class DrawerParamToggler extends React.Component<DrawerParamTogglerProps,
const link = open ? `Hide` : `Show`;
return (
<div className={styles.DrawerParamToggler}>
<div className="DrawerParamToggler">
<div className="flex gaps align-center params">
<div className={styles.label}>{label}</div>
<div className="param-label">{label}</div>
<div
className={styles.link}
className="param-link"
onClick={this.toggle}
data-testid="drawer-param-toggler"
>
<span className={styles.linkText}>{link}</span>
<span className="param-link-text">{link}</span>
<Icon material={icon}/>
</div>
</div>
{open && (
<div className={styles.content}>
{children}
</div>
)}
<div className={cssNames("param-content", { open })}>
{open && children}
</div>
</div>
);
}