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() { render() {
return ( return (
<div className="control-dialog bottom right"> <div className="control-dialog control-dialog__medium">
<div className="helper cancel-helper"> <div className="helper cancel-helper">
<div className="helper__text danger"> <div className="helper__text danger">
<Icon icon="icon-cancel-1" /> <Icon icon="icon-cancel-1" />

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

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

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

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

4
src/styles/panel.less
View file

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