Simplenote-electron: White space beside left margin when window is maximised

Created on 28 Jul 2016  路  16Comments  路  Source: Automattic/simplenote-electron

When the window is maximised in the Windows app it pushes the left margin for a note to the middle of the screen.

Steps to reproduce

  1. Open a note in the Windows app.
  2. Maximise the window.

What I expected

I expected the contents of the note to be aligned on the left.

What happened instead

The left margin was in the middle of the screen.

OS version

Windows 10

Screenshot / Video

capture

Reported in #2750989-t

FAQ enhancement

Most helpful comment

Seconded, the margins on the windows app are crazy wide. This is not the case in either the webapp or the mac app, which look great.

All 16 comments

This is actually a design implementation, in order to make text of notes more readable. It looks weird with that text though because there's no long lines that wrap in that note.

Hello!
If this is design implementation, please add some options for user that not need this behavior to have possibility to work on full page width.
Thank you in advance!

Seconded, the margins on the windows app are crazy wide. This is not the case in either the webapp or the mac app, which look great.

One of my notes is a reading list with lots of URLs. It is really hard to follow with some long URLs here and there.

I agree with having shorter lines for readability (except in the case of long urls).

What if just the left margin was removed as requested here? It would leave lots of white space on the right, but I think it wouldn't look as bad.

The margins are intentional, and make reading the notes easier. It's not wasted space. In most cases, seeing more text on the screen at once is not better.

Some ideas to address this:

  • Multi-column at large widths
  • Just a bit wider at large widths (1920px+)
  • Include at option to set the max width maybe with 2 options? (full and automatic)

This also came up in 818198-z.

I've got a screenshot of the issue. Reported in 983926-zen

annotation on 2018-2-3

Just a bit wider at large widths (1920px+)

I'm thinking I'll try this out with a PR. It's the easiest of your options :)

Maybe we should let a user set the width on his own? For example, we could add the scrollbar to change working area width.

Here's an attempt with a break at 1366px, it changes the max width to 1280px:

https://cloudup.com/c8hgWsGM1hE

Personally, I don't like it. It's really inconvenient for me to read so long lines.

A user mentions this as an issue in 1292890-zen. I'm letting them know it's by design.

I think the margin is good for legibility (although a preference option would be great, too). Is there a way to tweak this design so that the margins are better communicated as a purposeful design?

User's reply to Jesse's message 1292890-zen:

totally can understand folks not wanting to have lines of unlimited
length, but I would argue that's a totally different issue than having
the left side margin vary like that. In other words, keep the left side
margin fixed (and close to the list of note names in Windows) but go
ahead and wrap things where you all deem best on the right hand side.

I think the margin is good for legibility (although a preference option would be great, too). Is there a way to tweak this design so that the margins are better communicated as a purposeful design?

I think we should add a light background color in the margins so that it looks intentional. I think Ulysses does this via a "page mode", but the default I think is just white space. Do ppl think it's an issue on Ulysses?

We can also use better width breakpoints.

As far as the option goes, I'm in favor of this:

Include at option to set the max width maybe with 2 options? (full and automatic)

screen shot 2018-08-02 at 10 59 42 am

screen shot 2018-08-02 at 10 59 54 am

A Line Length setting has been introduced in #815, and will be released soon 馃檪

Was this page helpful?
0 / 5 - 0 ratings