diff options
Diffstat (limited to 'FrontEnd/src')
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx | 20 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/timeline-common.sass | 10 |
2 files changed, 25 insertions, 5 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx b/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx index f4351db0..68dee848 100644 --- a/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx +++ b/FrontEnd/src/app/views/timeline-common/MarkdownPostEdit.tsx @@ -139,12 +139,22 @@ const MarkdownPostEdit: React.FC<MarkdownPostEditProps> = ({ tabText: "image", page: ( <div className="timeline-markdown-post-edit-page"> - {images.map((image) => ( - <img + {images.map((image, index) => ( + <div key={image.url} - src={image.url} - className="timeline-markdown-post-edit-image" - /> + className="timeline-markdown-post-edit-image-container" + > + <img + src={image.url} + className="timeline-markdown-post-edit-image" + /> + <i + className="bi-trash text-danger icon-button timeline-markdown-post-edit-image-delete-button" + onClick={() => { + getBuilder().deleteImage(index); + }} + /> + </div> ))} <Form.File label={t("chooseImage")} diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass index 04318674..0d172327 100644 --- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass +++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass @@ -175,6 +175,16 @@ $timeline-line-color-current: #36c2e6 overflow: scroll max-height: 300px +.timeline-markdown-post-edit-image-container + position: relative + text-align: center + margin-bottom: 1em + .timeline-markdown-post-edit-image max-width: 100% max-height: 200px + +.timeline-markdown-post-edit-image-delete-button + position: absolute + right: 10px + top: 2px |