diff --git a/components/Group/GroupList/GroupCard.jsx b/components/Group/GroupList/GroupCard.jsx
index 0f43156..e01c63e 100644
--- a/components/Group/GroupList/GroupCard.jsx
+++ b/components/Group/GroupList/GroupCard.jsx
@@ -48,8 +48,13 @@ function GroupCard({
{formatToString(partnerEducationStep, '皆可')}
-
-
+
+
diff --git a/components/Profile/MyGroup/GroupCard.jsx b/components/Profile/MyGroup/GroupCard.jsx
index f49bfa3..4e13396 100644
--- a/components/Profile/MyGroup/GroupCard.jsx
+++ b/components/Profile/MyGroup/GroupCard.jsx
@@ -88,7 +88,12 @@ function GroupCard({
{title}
-
+
diff --git a/shared/components/MarkdownEditor/MarkdownEditor.jsx b/shared/components/MarkdownEditor/MarkdownEditor.jsx
index 86aa93b..d0b8302 100644
--- a/shared/components/MarkdownEditor/MarkdownEditor.jsx
+++ b/shared/components/MarkdownEditor/MarkdownEditor.jsx
@@ -64,12 +64,14 @@ function InternalMarkdownEditor(
editorClassName,
onChange,
suppressLinkDefaultPrevent = false,
+ disabledProse = false,
},
ref
) {
const id = useId();
const checkLinkRef = useRef(null);
const markdown = useRef(value);
+ const editorSelectors = 'markdown-editor';
const pluginsSettings = useMemo(
() =>
Object.entries(generatePluginsSettings({ diffMarkdown: markdown.current }))
@@ -87,13 +89,18 @@ function InternalMarkdownEditor(
);
useEffect(() => {
- const editor = document.getElementById(id).querySelector('.prose');
+ const editor = document.getElementById(id).querySelector(`.${editorSelectors}`);
const handleClick = (e) => {
if (suppressLinkDefaultPrevent) {
return;
}
+ if (!readOnly) {
+ e.preventDefault();
+ return;
+ }
+
let { target } = e;
while (target.tagName !== 'A') {
if (editor === target) break;
@@ -121,7 +128,8 @@ function InternalMarkdownEditor(
suppressHtmlProcessing
className={className}
contentEditableClassName={cn(
- 'prose',
+ editorSelectors,
+ disabledProse ? 'disabled-prose' : 'prose',
readOnly && '!p-0',
editorClassName
)}
diff --git a/shared/styles/global.css b/shared/styles/global.css
index e0f476e..653c62b 100644
--- a/shared/styles/global.css
+++ b/shared/styles/global.css
@@ -6,4 +6,10 @@
.prose li[role=checkbox] {
@apply indent-1 relative before:translate-y-1 after:absolute after:top-1/2 after:-translate-y-2/3 after:rotate-45;
}
-}
\ No newline at end of file
+ .disabled-prose li {
+ @apply my-0;
+ }
+ .disabled-prose a {
+ @apply text-basic-black;
+ }
+}