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 dialogs

Browse source
This commit is contained in:
Fedor Katurov 2020-01-21 15:08:01 +07:00
parent d0f419c18b
commit 8cac89cdd1
5 changed files with 29 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/dialogs/CancelDialog.tsx
View file

@ -24,7 +24,7 @@ class CancelDialogUnconnected extends React.Component<Props, void> {
render() {
return (
<div className="control-dialog bottom right">
<div className="control-dialog control-dialog__medium">
<div className="helper cancel-helper">
<div className="helper__text danger">
<Icon icon="icon-cancel-1" />

17
src/components/dialogs/RouterDialog.tsx
View file

@ -19,8 +19,9 @@ const noPoints = ({
</div>
</div>
<div className="helper router-helper">
<div className="helper__buttons flex_1">
<div className="flex_1" />
<div className="flex_1" />
<div className="helper__buttons">
<div className="button router-helper__button" onClick={editorRouterCancel}>
Отмена
</div>
@ -42,8 +43,9 @@ const firstPoint = ({
</div>
</div>
<div className="helper router-helper">
<div className="helper__buttons flex_1">
<div className="flex_1" />
<div className="flex_1" />
<div className="helper__buttons">
<div className="button router-helper__button" onClick={editorRouterCancel}>
Отмена
</div>
@ -67,8 +69,9 @@ const draggablePoints = ({
</div>
</div>
<div className="helper router-helper">
<div className="helper__buttons button-group flex_1">
<div className="flex_1" />
<div className="flex_1" />
<div className="helper__buttons button-group">
<div className="button button_red router-helper__button" onClick={editorRouterCancel}>
Отмена
</div>
@ -98,7 +101,7 @@ const RouterDialogUnconnected: FC<Props> = ({
editorRouterCancel,
editorRouterSubmit,
}) => (
<div className="control-dialog bottom right">
<div className="control-dialog control-dialog__medium">
<div className={classnames('save-loader')} />
{!waypoints.length && noPoints({ editorRouterCancel })}

2
src/components/dialogs/SaveDialog.tsx
View file

@ -104,7 +104,7 @@ class SaveDialogUnconnected extends React.Component<Props, State> {
const { host, protocol } = getUrlData();
return (
<div className="control-dialog bottom right">
<div className="control-dialog control-dialog__medium">
<div className="helper save-helper">
<div className={classnames('save-loader', { active: loading })} />

22
src/components/dialogs/TrashDialog.tsx
View file

@ -22,7 +22,7 @@ const TrashDialogUnconnected: FC<Props> = ({
editorClearCancel,
width,
}) => (
<div className="control-dialog bottom right" style={{ width }}>
<div className="control-dialog control-dialog__medium" style={{ width }}>
<div className="helper trash-helper desktop-only">
<div className="helper__text danger">
<div className="big upper desktop-only">Все изменения будут удалены!</div>
@ -30,16 +30,20 @@ const TrashDialogUnconnected: FC<Props> = ({
</div>
<div className="helper trash-helper">
<div className="helper__buttons flex_1 trash-buttons">
<div className="button router-helper__button" onClick={editorClearPoly}>
Маршрут
</div>
<div className="button router-helper__button" onClick={editorClearStickers}>
Стикеры
</div>
<div className="button router-helper__button" onClick={editorClearAll}>
ВСЕ
<div className="button-group">
<div className="button router-helper__button" onClick={editorClearPoly}>
Маршрут
</div>
<div className="button router-helper__button" onClick={editorClearStickers}>
Стикеры
</div>
<div className="button router-helper__button" onClick={editorClearAll}>
ВСЕ
</div>
</div>
<div className="flex_1" />
<div className="button primary router-helper__button" onClick={editorClearCancel}>
Отмена
</div>

4
src/styles/panel.less
View file

@ -312,6 +312,10 @@
border-radius: @panel_radius;
}
&__medium {
width: 100%;
max-width: 417px;
}
}
.control-dialog-provider {