Page MenuHomePhabricator
Files F2905368

D3624.diff
No OneTemporary
Actions

D3624.diff
View Options

diff --git a/web/modals/threads/confirm-leave-thread-modal.css b/web/modals/threads/confirm-leave-thread-modal.css
--- a/web/modals/threads/confirm-leave-thread-modal.css
+++ b/web/modals/threads/confirm-leave-thread-modal.css
@@ -1,15 +1,17 @@
-div.modal_body {
- padding: 20px;
- color: var(--fg);
- background-color: var(--modal-bg);
- border-radius: 16px;
- display: flex;
- flex-direction: column;
- text-align: center;
- font-weight: var(--bold);
+div.container {
+ padding: 0 40px 32px;
+ border-radius: 8px;
+ background: var(--modal-bg);
+ color: var(--modal-fg);
+ min-width: 635px;
+ box-sizing: border-box;
+}
+div.container > p {
+ font-size: var(--xl-font-20);
+ padding-bottom: 32px;
}
-
-.leave_button {
- width: 100%;
- margin-top: 24px;
+div.buttonContainer {
+ display: flex;
+ justify-content: flex-end;
+ gap: 24px;
}
diff --git a/web/modals/threads/confirm-leave-thread-modal.react.js b/web/modals/threads/confirm-leave-thread-modal.react.js
--- a/web/modals/threads/confirm-leave-thread-modal.react.js
+++ b/web/modals/threads/confirm-leave-thread-modal.react.js
@@ -18,17 +18,21 @@
const { uiName } = threadInfo;
return (
- <Modal name="Confirm leave thread" onClose={onClose}>
- <div className={css.modal_body}>
- <p>{`Are you sure you want to leave "${uiName}"?`}</p>
- <Button
- onClick={onConfirm}
- type="submit"
- variant="danger"
- className={css.leave_button}
- >
- Leave Thread
- </Button>
+ <Modal name="Leaving channel" icon="warning-circle" onClose={onClose}>
+ <div className={css.container}>
+ <p>
+ {'Are you sure you want to leave "'}
+ <span className={css['thread-name']}>{uiName}</span>
+ {'"?'}
+ </p>
+ <div className={css.buttonContainer}>
+ <Button variant="secondary" onClick={onClose}>
+ Cancel
+ </Button>
+ <Button variant="danger" onClick={onConfirm} type="submit">
+ Yes, leave Thread
+ </Button>
+ </div>
</div>
</Modal>
);

File Metadata

Mime Type
text/plain
Expires
Mon, Oct 7, 4:55 AM (21 h, 33 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2252554
Default Alt Text
D3624.diff (2 KB)

Event Timeline