muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 02:56:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed panels behaviour

Browse source
This commit is contained in:
Fedor Katurov 2020-01-22 15:53:15 +07:00
parent ad676d5fde
commit dd1c9a1d1c
2 changed files with 27 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/panels/UserPanel.tsx
View file

@ -166,6 +166,20 @@ export class UserPanelUnconnected extends PureComponent<Props, State> {
</button>
</div>
<React.Fragment>
<div className="control-sep" />
<div className="control-bar">
<button
className={classnames({ active: false, inactive: is_empty })}
onClick={this.props.editorGetGPXTrack}
>
<Tooltip>Экспорт GPX</Tooltip>
<Icon icon="icon-gpx-1" />
</button>
</div>
</React.Fragment>
<div className="control-sep" />
<div className="control-bar">
@ -174,22 +188,6 @@ export class UserPanelUnconnected extends PureComponent<Props, State> {
<Icon icon="icon-shot-4" />
</button>
</div>
{!is_empty && (
<React.Fragment>
<div className="control-sep" />
<div className="control-bar">
<button
className={classnames({ active: false })}
onClick={this.props.editorGetGPXTrack}
>
<Tooltip>Экспорт GPX</Tooltip>
<Icon icon="icon-gpx-1" />
</button>
</div>
</React.Fragment>
)}
</div>
</div>
);

13
src/styles/panel.less
View file

@ -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;
}
}
}