Page MenuHomePhabricator

D3709.id11436.diff
No OneTemporary

D3709.id11436.diff

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>
);

File Metadata

Mime Type
text/plain
Expires
Mon, Nov 18, 3:28 AM (21 h, 53 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2532765
Default Alt Text
D3709.id11436.diff (1 KB)

Event Timeline