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" class="flex gaps align-center params"
> >
<div <div
class="label" class="param-label"
> >
Foo Foo
</div> </div>
<div <div
class="link" class="param-link"
data-testid="drawer-param-toggler" data-testid="drawer-param-toggler"
> >
<span <span
class="linkText" class="param-link-text"
> >
Show Show
</span> </span>
@ -35,6 +35,9 @@ exports[`<DrawerParamToggler /> after clicking the toggle after clicking the tog
</i> </i>
</div> </div>
</div> </div>
<div
class="param-content"
/>
</div> </div>
</div> </div>
</body> </body>
@ -50,16 +53,16 @@ exports[`<DrawerParamToggler /> after clicking the toggle renders 1`] = `
class="flex gaps align-center params" class="flex gaps align-center params"
> >
<div <div
class="label" class="param-label"
> >
Foo Foo
</div> </div>
<div <div
class="link" class="param-link"
data-testid="drawer-param-toggler" data-testid="drawer-param-toggler"
> >
<span <span
class="linkText" class="param-link-text"
> >
Hide Hide
</span> </span>
@ -76,7 +79,7 @@ exports[`<DrawerParamToggler /> after clicking the toggle renders 1`] = `
</div> </div>
</div> </div>
<div <div
class="content" class="param-content open"
> >
<div <div
data-testid="drawer-child" data-testid="drawer-child"
@ -97,16 +100,16 @@ exports[`<DrawerParamToggler /> renders 1`] = `
class="flex gaps align-center params" class="flex gaps align-center params"
> >
<div <div
class="label" class="param-label"
> >
Foo Foo
</div> </div>
<div <div
class="link" class="param-link"
data-testid="drawer-param-toggler" data-testid="drawer-param-toggler"
> >
<span <span
class="linkText" class="param-link-text"
> >
Show Show
</span> </span>
@ -122,6 +125,9 @@ exports[`<DrawerParamToggler /> renders 1`] = `
</i> </i>
</div> </div>
</div> </div>
<div
class="param-content"
/>
</div> </div>
</div> </div>
</body> </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 { .DrawerParamToggler {
.label { .param-label {
flex-grow: 2 flex-grow: 2
} }
.link { .param-link {
cursor: pointer; cursor: pointer;
.linkText { .param-link-text {
color: var(--blue); color: var(--blue);
text-decoration: underline; text-decoration: underline;
} }
} }
.content { .param-content {
display: block; &.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. * 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 React from "react";
import { Icon } from "../icon"; import { Icon } from "../icon";
import { cssNames } from "../../utils";
export interface DrawerParamTogglerProps { export interface DrawerParamTogglerProps {
label: string | number; label: string | number;
@ -29,23 +30,21 @@ export class DrawerParamToggler extends React.Component<DrawerParamTogglerProps,
const link = open ? `Hide` : `Show`; const link = open ? `Hide` : `Show`;
return ( return (
<div className={styles.DrawerParamToggler}> <div className="DrawerParamToggler">
<div className="flex gaps align-center params"> <div className="flex gaps align-center params">
<div className={styles.label}>{label}</div> <div className="param-label">{label}</div>
<div <div
className={styles.link} className="param-link"
onClick={this.toggle} onClick={this.toggle}
data-testid="drawer-param-toggler" data-testid="drawer-param-toggler"
> >
<span className={styles.linkText}>{link}</span> <span className="param-link-text">{link}</span>
<Icon material={icon}/> <Icon material={icon}/>
</div> </div>
</div> </div>
{open && ( <div className={cssNames("param-content", { open })}>
<div className={styles.content}> {open && children}
{children} </div>
</div>
)}
</div> </div>
); );
} }