diff --git a/src/components/panels/UserPanel.tsx b/src/components/panels/UserPanel.tsx index 008c075..41b5093 100644 --- a/src/components/panels/UserPanel.tsx +++ b/src/components/panels/UserPanel.tsx @@ -166,6 +166,20 @@ export class UserPanelUnconnected extends PureComponent { + +
+ +
+ +
+ +
@@ -174,22 +188,6 @@ export class UserPanelUnconnected extends PureComponent {
- - {!is_empty && ( - -
- -
- -
- - )}
); diff --git a/src/styles/panel.less b/src/styles/panel.less index e88b8ee..76673a3 100644 --- a/src/styles/panel.less +++ b/src/styles/panel.less @@ -42,6 +42,19 @@ } &__undo { + opacity: 0; + transform: translate(50px, 0); + pointer-events: none; + touch-action: none; + transition: transform 0.25s, opacity 0.25s; + z-index: -1; + + &.active { + opacity: 1; + transform: translate(0, 0); + pointer-events: all; + touch-action: initial; + } } }