flatnotes icon indicating copy to clipboard operation
flatnotes copied to clipboard

Inefficient mobile responsive design

Open themedleb opened this issue 2 years ago • 5 comments

This is the perfect note taking solution I was looking for, simple and clean, database-less, very fast, WYSIWYG, web-app (accessible from anywhere and any device without the need of a client), full text search, advanced searching, tagging, Docker/Podman support, Time-based one-time password, ... I really really appreciate your thoughts and efforts, thank you so much.

I want to start using it now, but the only things that are holding me (I will submit them as separate issues):

  1. Inefficient mobile responsive design.
  2. Auto RTL support.
  3. Directory structure.

I will consider this page for the first issue on the list:

Inefficient mobile responsive design: This is noticeable when the virtual keyboard appears on a mobile screen, I wish that the only sticky bars are the main one and the editor toolbar and should be as small as possible to leave space for content which is the most important thing here.

These screenshots shows the difference:

Hackmd: image

Flatnotes: image

themedleb avatar Nov 21 '22 15:11 themedleb

Thanks for the good feedback, glad you like it.

Strangely this particular issue doesn't seem to occur on iOS when using Safari or Chrome but I can replicate it on Firefox (which is itself odd as they all share the Safari rendering engine). It's likely (hopefully) a quick fix so I'll take a look when I can.

dullage avatar Nov 22 '22 13:11 dullage

Yes, I'm using Firefox in this example, indeed, it is strange.

Thank you.

themedleb avatar Nov 22 '22 14:11 themedleb

This is especially problematic when trying to add an image. The file dialog is completely off-screen:

IMG_20230322_132246

dominikheinz avatar Mar 22 '23 12:03 dominikheinz

Relevant information for the Firefox iOS issue: https://github.com/bramus/viewport-resize-behavior/blob/main/explainer.md#problem-statement.

dullage avatar Dec 06 '23 08:12 dullage

Image Insert modal is also cut off for me on Android when vertical

pth0rn avatar May 04 '24 03:05 pth0rn