Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Streamline Settings #2372

Merged
merged 1 commit into from
Jul 27, 2021
Merged

Streamline Settings #2372

merged 1 commit into from
Jul 27, 2021

Conversation

szaimen
Copy link
Contributor

@szaimen szaimen commented Jul 22, 2021

This PR is best reviewed like this: https://github.com/nextcloud/contacts/pull/2372/files?diff=unified&w=1

Before After
image image

Signed-off-by: szaimen szaimen@e.mail.de

@szaimen szaimen added the 2. developing Work in progress label Jul 22, 2021
@codecov
Copy link

codecov bot commented Jul 22, 2021

Codecov Report

Merging #2372 (4179f25) into master (7ec9046) will not change coverage.
The diff coverage is n/a.

❗ Current head 4179f25 differs from pull request most recent head 435ba0a. Consider uploading reports for the commit 435ba0a to get more accurate results
Impacted file tree graph

@@            Coverage Diff            @@
##             master    #2372   +/-   ##
=========================================
  Coverage     69.25%   69.25%           
  Complexity      246      246           
=========================================
  Files            22       22           
  Lines           696      696           
=========================================
  Hits            482      482           
  Misses          214      214           

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7ec9046...435ba0a. Read the comment docs.

@szaimen

This comment has been minimized.

@szaimen szaimen force-pushed the enh/noid/settings-improvements branch from df3db96 to d9618fe Compare July 22, 2021 20:57
@szaimen szaimen force-pushed the enh/noid/settings-improvements branch 2 times, most recently from 050189d to 5c362dc Compare July 23, 2021 01:37
@szaimen szaimen marked this pull request as ready for review July 24, 2021 10:01
@szaimen szaimen added 3. to review Waiting for reviews and removed 2. developing Work in progress labels Jul 24, 2021
@szaimen szaimen added design Related to the design enhancement New feature or request labels Jul 24, 2021
@skjnldsv
Copy link
Member

Requires @jancborchardt approval.
But there was different plans for the settings: #1703 (comment)

@szaimen
Copy link
Contributor Author

szaimen commented Jul 24, 2021

But there was different plans for the settings: #1703 (comment)

Yes but until it isn't inside a modal which I am not able to do myself, I thought this was a good small fix which improves the usability of the settings by a lot, imho.

src/components/AppNavigation/SettingsSection.vue Outdated Show resolved Hide resolved
css/SettingsSection.scss Show resolved Hide resolved
css/SettingsSection.scss Outdated Show resolved Hide resolved
@szaimen szaimen force-pushed the enh/noid/settings-improvements branch 3 times, most recently from a0ecaa6 to dc26244 Compare July 26, 2021 10:13
@jancborchardt
Copy link
Member

Hmm, so since these icons would not be there when moving the settings to the modal, I would say we don’t need to add them here. (And also e.g. the icon is better inside the "Import contacts" button than outside it. :)

@szaimen
Copy link
Contributor Author

szaimen commented Jul 26, 2021

Hmm, so since these icons would not be there when moving the settings to the modal, I would say we don’t need to add them here.

The question is how long it will take to bring the settings into the Modal since the current settings are really bad from a usability perspective, imo. So I'd rather merge this and revert it when bringing it into the settings modall than living with it for another release 😅

@szaimen szaimen force-pushed the enh/noid/settings-improvements branch from dc26244 to 89ffce3 Compare July 26, 2021 10:27
@szaimen
Copy link
Contributor Author

szaimen commented Jul 26, 2021

(And also e.g. the icon is better inside the "Import contacts" button than outside it. :)

I've reverted that change, see updated screenshot.

@nimishavijay
Copy link
Member

If we are moving to a modal soon then these changes will not be in effect for too long, but I do think the icons look good. Couple of suggestions:

  • move the content of the settings menu slightly to the left so that the checkbox and icons in the content are left aligned with the settings icon in the header, and all the text of the header and content is left aligned as well
  • "Enter new address book name" can be changed to something shorter like "Add new address book"?

@szaimen szaimen force-pushed the enh/noid/settings-improvements branch 3 times, most recently from d776a18 to 3ce9dd8 Compare July 26, 2021 11:34
@szaimen
Copy link
Contributor Author

szaimen commented Jul 26, 2021

@nimisha-vijay thanks for the feedback! :)
Addressed both points, see updated screenshots

Copy link
Contributor

@artonge artonge left a comment

Choose a reason for hiding this comment

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

OK, code wise

@jancborchardt
Copy link
Member

Ok – then I just have 2 more pieces of feedback :)

  • The sorting setting would be better as the first item in the settings, as it’s the most basic one.
  • The address books could do with a header "Address books" to actually understand what they are. (This heading should also have some whitespace above so that section is a bit separated from the two simpler settings above.)

@szaimen szaimen force-pushed the enh/noid/settings-improvements branch from 6f8a99f to 9cde160 Compare July 26, 2021 12:37
@szaimen
Copy link
Contributor Author

szaimen commented Jul 26, 2021

Done. Please have another look at the updated screenshots @jancborchardt and @nimisha-vijay :)

@szaimen szaimen requested a review from artonge July 26, 2021 13:49
Signed-off-by: szaimen <szaimen@e.mail.de>
@szaimen szaimen force-pushed the enh/noid/settings-improvements branch from 5fa7bb5 to 435ba0a Compare July 26, 2021 14:58
@szaimen
Copy link
Contributor Author

szaimen commented Jul 26, 2021

@artonge do you mind reviewing the code another time?
I made some small changes...
Thanks! :)

@szaimen szaimen merged commit eac1d52 into master Jul 27, 2021
@delete-merged-branch delete-merged-branch bot deleted the enh/noid/settings-improvements branch July 27, 2021 07:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews design Related to the design enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants