[PR #1081] [CLOSED] Add expandable image in markdown preview #1137

New issue

Closed

opened 2026-03-03 00:24:48 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 00:24:48 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/BoostIO/BoostNote-App/pull/1081
Author: @Komediruzecki
Created: 8/10/2021
Status: ❌ Closed

Base: master ← Head: feature/image-actions-md-preview

📝 Commits (3)

ed62d16 Add expandable image in markdown preview
18d7702 Change ExpandableImage div elements to span
10605e1 Expand modal dialog

📊 Changes

5 files changed (+142 additions, -2 deletions)

View changed files

📝 src/cloud/components/atoms/MarkdownView/index.tsx (+4 -0)
➕ src/shared/components/molecules/Image/ExpandableImage.tsx (+105 -0)
➕ src/shared/components/molecules/Image/ImagePreview.tsx (+27 -0)
📝 src/shared/components/organisms/Modal/index.tsx (+4 -0)
📝 src/shared/lib/stores/modal/types.ts (+2 -2)

📄 Description

It is also a feature in WebApp but we can remove it from there if needed only in Desktop App.

Usage instructions:

Click on preview image to enlarge it
Click on enlarge button which activates on image hover to enlarge it
Click Escape once in enlarged view to discard it (close)
Click on Close button next to image in top right corner to close the view

Short preview how it works:
https://user-images.githubusercontent.com/18196945/128878278-8c6b770b-e404-486d-a443-b81bb9558bea.mp4

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/BoostIO/BoostNote-App/pull/1081 **Author:** [@Komediruzecki](https://github.com/Komediruzecki) **Created:** 8/10/2021 **Status:** ❌ Closed **Base:** `master` ← **Head:** `feature/image-actions-md-preview` --- ### 📝 Commits (3) - [`ed62d16`](https://github.com/BoostIO/BoostNote-App/commit/ed62d162f98ea4031224cbf3a207a317a7be8b28) Add expandable image in markdown preview - [`18d7702`](https://github.com/BoostIO/BoostNote-App/commit/18d77028b885db580128060ccf0ae1871dcd7b42) Change ExpandableImage div elements to span - [`10605e1`](https://github.com/BoostIO/BoostNote-App/commit/10605e1ff0c80ec5f6b41eb3981272b506fa0675) Expand modal dialog ### 📊 Changes **5 files changed** (+142 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `src/cloud/components/atoms/MarkdownView/index.tsx` (+4 -0) ➕ `src/shared/components/molecules/Image/ExpandableImage.tsx` (+105 -0) ➕ `src/shared/components/molecules/Image/ImagePreview.tsx` (+27 -0) 📝 `src/shared/components/organisms/Modal/index.tsx` (+4 -0) 📝 `src/shared/lib/stores/modal/types.ts` (+2 -2) </details> ### 📄 Description It is also a feature in WebApp but we can remove it from there if needed only in Desktop App. Usage instructions: Click on preview image to enlarge it Click on enlarge button which activates on image hover to enlarge it Click Escape once in enlarged view to discard it (close) Click on Close button next to image in top right corner to close the view Short preview how it works: https://user-images.githubusercontent.com/18196945/128878278-8c6b770b-e404-486d-a443-b81bb9558bea.mp4 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-03-03 00:24:48 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/BoostNote-App#1137

No description provided.

Rows
Columns