Render markdown properly and UI update
Dhravya opened this issue · comments
I just came across dump.ink, which is (well) super similar to dump.place
One thing i really liked was this UI
- date and time on the left side of the note
- note's markdown design is much better
Just a design change but very cool!
Hi @Dhravya, I would like to work on implementing some updates:
-
Transitioning to the proposed layout with the addition of a 'Copy Link' button. The styling of this new button and layout will match the existing ones.
-
Enabling markdown rendering support, with a preview capability. This would entail adding a preview tab next to the visibility toggle that shows how the rendered markdown would look. The functionality would mirror GitHub's comment preview experience.
Markdown rendering is already present, but it's not styled properly. Preview would be amazing btw.
Copy link is only possible if a new route is created with the dump ID.
dump.place/dump/1 <- like that
Hello @Dhravya , update on this, the tailwind css for MD was really tricky though, How do you want the redesign and the new route to look like?
Dump.preview.mp4
Personally, I don't think there is a need for a new route, how ever we can instead do an infinite loading for the list dumps? maybe I can work on this after the redesign for the dumps.
for the redesign, if we are to go the direction of the screenshot that you posted, we will have to remove the border, but without the border, the dark mode makes everything look weird.
Yeah, I definitely agree. maybe arrange by the day?
(Tuesday 2 Jan)
Dunp1 (time)
2
3
(friday)
...
We could do that, just to be on the same page, sort by day and just move the date to the right side of the current design, I could do that. I think it would be better to do that in a separate pr. I will create a pr for this solved issue that I sent a video for, could you kindly review and merge?
for sure!
Hello @Dhravya, please could you create a new issue for the new things you want me to do to the timeline and assign to me.
cool, will do, just give me 20 mins