mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Clean up
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
parent
d8ff1eecb1
commit
5d40147ea0
@ -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 () => {
|
||||
|
||||
18
src/renderer/components/animate/animate.scss
vendored
18
src/renderer/components/animate/animate.scss
vendored
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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>
|
||||
);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user