D3709.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D3709.diff
View Options

	diff --git a/web/modals/concurrent-modification-modal.css b/web/modals/concurrent-modification-modal.css
	new file mode 100644
	--- /dev/null
	+++ b/web/modals/concurrent-modification-modal.css
	@@ -0,0 +1,14 @@
	+div.modal_body {
	+ padding: 20px;
	+ color: var(--fg);
	+ background-color: var(--modal-bg);
	+ border-radius: 16px;
	+ flex: 1;
	+ display: flex;
	+ flex-direction: column;
	+}
	+
	+.refresh_button {
	+ width: 100%;
	+ margin-top: 24px;
	+}
	diff --git a/web/modals/concurrent-modification-modal.react.js b/web/modals/concurrent-modification-modal.react.js
	--- a/web/modals/concurrent-modification-modal.react.js
	+++ b/web/modals/concurrent-modification-modal.react.js
	@@ -3,7 +3,7 @@
	import * as React from 'react';

	import Button from '../components/button.react';
	-import css from '../style.css';
	+import css from './concurrent-modification-modal.css';
	import { useModalContext } from './modal-provider.react';
	import Modal from './modal.react';

	@@ -16,16 +16,18 @@

	return (
	<Modal name="Concurrent modification" onClose={modalContext.clearModal}>
	- <div className={css['modal-body']}>
	+ <div className={css.modal_body}>
	<p>
	It looks like somebody is attempting to modify that field at the same
	time as you! Please refresh the entry and try again.
	</p>
	- <div className={css['form-footer']}>
	- <Button onClick={props.onRefresh} type="submit">
	- Refresh entry
	- </Button>
	- </div>
	+ <Button
	+ onClick={props.onRefresh}
	+ type="submit"
	+ className={css.refresh_button}
	+ >
	+ Refresh entry
	+ </Button>
	</div>
	</Modal>
	);