1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
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

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="Disconnect"`);
await frame.waitForSelector(`.Menu >> text="Delete"`);
await frame.click(`[data-testid="sidebar-cluster-dropdown"]`);
});
it("should navigate around common cluster pages", async () => {

View File

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

View File

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