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

Clean up

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-11-24 15:41:06 +03:00
parent d8ff1eecb1
commit 5d40147ea0
3 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
integration/__tests__/cluster-pages.tests.ts
View File

@ -337,7 +337,6 @@ utils.describeIf(minikubeReady(TEST_NAMESPACE))("Minikube based tests", () => {
await frame.waitForSelector(`.Menu >> text="Settings"`); await frame.waitForSelector(`.Menu >> text="Settings"`);
await frame.waitForSelector(`.Menu >> text="Disconnect"`); await frame.waitForSelector(`.Menu >> text="Disconnect"`);
await frame.waitForSelector(`.Menu >> text="Delete"`); await frame.waitForSelector(`.Menu >> text="Delete"`);
await frame.click(`[data-testid="sidebar-cluster-dropdown"]`);
}); });
it("should navigate around common cluster pages", async () => { it("should navigate around common cluster pages", async () => {

18
src/renderer/components/animate/animate.scss vendored
View File

@ -21,43 +21,43 @@
// Animations // Animations
@mixin animate-opacity() { @mixin animate-opacity($enterDuration: var(--enter-duration), $leaveDuration: var(--leave-duration)) {
opacity: 0; opacity: 0;
&.enter { &.enter {
transition-property: opacity; transition-property: opacity;
transition-duration: var(--enter-duration); transition-duration: $enterDuration;
opacity: 1; opacity: 1;
} }
&.leave { &.leave {
transition-duration: var(--leave-duration); transition-duration: $leaveDuration;
transition-timing-function: ease-out; transition-timing-function: ease-out;
opacity: 0; opacity: 0;
} }
} }
@mixin animate-slide-right() { @mixin animate-slide-right($enterDuration: var(--enter-duration), $leaveDuration: var(--leave-duration)) {
transform: translateX(100%); transform: translateX(100%);
will-change: transform; will-change: transform;
&.enter { &.enter {
transform: translateX(0); transform: translateX(0);
transition: transform var(--enter-duration); transition: transform $enterDuration;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
} }
&.leave { &.leave {
transform: translateX(100%); transform: translateX(100%);
transition: transform var(--leave-duration); transition: transform $leaveDuration;
} }
} }
@mixin animate-opacity-scale() { @mixin animate-opacity-scale($enterDuration: var(--enter-duration), $leaveDuration: var(--leave-duration)) {
opacity: 0; opacity: 0;
&.enter { &.enter {
transition: opacity var(--enter-duration); transition: opacity $enterDuration;
opacity: 1; opacity: 1;
} }
@ -65,7 +65,7 @@
will-change: opacity, transform; will-change: opacity, transform;
opacity: 0; opacity: 0;
transform: scale(1.25); transform: scale(1.25);
transition: transform var(--leave-duration) ease-in, opacity var(--leave-duration) ease-out; transition: transform $leaveDuration ease-in, opacity $leaveDuration ease-out;
} }
} }

2
src/renderer/components/dialog/dialog.tsx
View File

@ -167,7 +167,7 @@ export class Dialog extends React.PureComponent<DialogProps, DialogState> {
if (animated) { if (animated) {
dialog = ( dialog = (
<Animate enter={this.isOpen} name="opacity-scale" enterDuration={200} leaveDuration={200}> <Animate enter={this.isOpen} name="opacity-scale">
{dialog} {dialog}
</Animate> </Animate>
); );