Skip to content
This repository has been archived by the owner on Nov 17, 2023. It is now read-only.

Minor display issues on macOS #3046

Closed
sohomang opened this issue Oct 24, 2019 · 4 comments
Closed

Minor display issues on macOS #3046

sohomang opened this issue Oct 24, 2019 · 4 comments
Assignees
Labels
scope: ui/ux issues with user interface or user experience in general
Milestone

Comments

@sohomang
Copy link
Member

Description

Here are some minor display issues. Some of them only appear on smaller screens (< 11") when using a different language than english.

I'm using macOS 10.15, haven't tested on Windows.

Details

Unasked newlines:
Connect
Newline

Could use more spacing / margin:
More padding 2
More padding

Unlike other modals, this one's left-aligned here but center-aligned on Zeplin:
Left aligned (not like zeplin)

@bolatovumar
Copy link
Contributor

I will take a look into these.

bolatovumar added a commit to bolatovumar/zap-desktop that referenced this issue Oct 25, 2019
bolatovumar added a commit to bolatovumar/zap-desktop that referenced this issue Oct 25, 2019
bolatovumar added a commit to bolatovumar/zap-desktop that referenced this issue Oct 25, 2019
@bolatovumar
Copy link
Contributor

@sohomang I addressed all issues except for the last one

Unlike other modals, this one's left-aligned here but center-aligned on Zeplin:

I noticed that these modal headers are center-aligned when they are on a single line and left-aligned when they are on two or more lines. The reason you see it left aligned in your example is because it's on two lines. @mrfelton do you think I should go over all modals with headers of this kind and make them always center-aligned.

Also this:

Unasked newlines:

I made headers center-aligned here (Se connecter, for example). I thought of making it always on a single line and adjust header font size accordingly, however, this is a problem for languages that have long words like German. No way you can fit German headers on a single line.

@mrfelton
Copy link
Member

mrfelton commented Oct 25, 2019

I noticed that these modal headers are center-aligned when they are on a single line and left-aligned when they are on two or more lines. The reason you see it left aligned in your example is because it's on two lines. @mrfelton do you think I should go over all modals with headers of this kind and make them always center-aligned.

@bolatovumar - yes, I think we should make this consistently center aligned.

I made headers center-aligned here (Se connecter, for example). I thought of making it always on a single line and adjust header font size accordingly, however, this is a problem for languages that have long words like German. No way you can fit German headers on a single line.

Agreed - we only do dynamic font sizing in one place and causes alignment problems of it's own. Better to just the center the headers IMO.

@mrfelton mrfelton added this to the v0.6.0-beta milestone Oct 25, 2019
@mrfelton mrfelton added the scope: ui/ux issues with user interface or user experience in general label Oct 25, 2019
bolatovumar added a commit to bolatovumar/zap-desktop that referenced this issue Oct 26, 2019
addresses "Unlike other modals, this one's left-aligned here but center-aligned on Zeplin:" issue  in LN-Zap#3046
@mrfelton
Copy link
Member

Closed via #3049

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
scope: ui/ux issues with user interface or user experience in general
Projects
None yet
Development

No branches or pull requests

3 participants