Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Touch up settings: alignment, spacing, error states #3330

Merged
merged 2 commits into from
Aug 20, 2019

Conversation

turt2live
Copy link
Member

@turt2live turt2live commented Aug 20, 2019

Fixes element-hq/element-web#10554

Issues fixed:

  • Fields were not ~30px from the avatar (too much right margin)
  • Tooltips overflowed the dialog on some resolutions
  • SetIdServer didn't have an error state for making the field red
  • Spacing between sections in Discovery was wrong (fixed by just removing the problematic n+2 selector - it didn't help anything)

Screenshots:

Error state of identity server & shortened tooltip:
image

Fixed field alignment:
image

New discovery section spacing:
image

The whole page:
image

Fixes element-hq/element-web#10554

Issues fixed:
* Fields were not ~30px from the avatar (too much right margin)
* Tooltips overflowed the dialog on some resolutions
* SetIdServer didn't have an error state for making the field red
* Spacing between sections in Discovery was wrong (fixed by just removing the problematic n+2 selector - it didn't help anything)
@turt2live turt2live requested a review from a team August 20, 2019 19:26
@@ -26,10 +26,6 @@ limitations under the License.
height: 4em;
}

.mx_ProfileSettings_controls .mx_Field {
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Removed because it was added space on top of the spacing already in place. Did not serve a useful purpose here.

Copy link
Collaborator

@jryans jryans left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks very nice, thanks for working on it! 😁

As a future polish, maybe we could tweak how the MXID is shown at the top? It just feels like it floats there strangely near the display name, and well below the top of the avatar image... 😓

@turt2live
Copy link
Member Author

As a future polish, maybe we could tweak how the MXID is shown at the top? It just feels like it floats there strangely near the display name, and well below the top of the avatar image... 😓

Yes, indeed. The original design called for it to be a text box but unfortunately that makes the assumption that one can change it. The approach currently in place is the temporary solution (insert air quotes around temporary).

@turt2live turt2live merged commit 9332308 into develop Aug 20, 2019
@turt2live turt2live deleted the travis/settings-fix branch August 20, 2019 22:07
@jryans
Copy link
Collaborator

jryans commented Aug 20, 2019

The original design called for it to be a text box but unfortunately that makes the assumption that one can change it.

Maybe a read-only / disabled field could work?

@turt2live
Copy link
Member Author

Concern with that was that people would be confused as to why it is disabled :(

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Settings page fields are all out of alignment / settings page is wonky
2 participants