Skip to content

app settings dialog visibility should be increased #2839

Description

@j-ed

Expected behavior

If an app provides a settings dialog, its visibility should be increased by using a different color or by separating the dialog with a small line etc.

Mookup 1:
20161223_nc_settings_1_new
Mookup 2:
20161223_nc_settings_2_new

Current behavior

If an app provides a setting dialog, it is only indicated by a gear symbol and the word 'settings' which make difficult to see for many people. Additionally an opened dialog is not separated clear enough from underlying information which makes it also difficult to see where the dialog exactly begins.

Example 1:
20161223_nc_settings_1
Example 2:
20161223_nc_settings_2

Steps to reproduce

  1. Open the files, calender or contacts app
  2. Check how the settings dialog is displayed.

Environment

Server Configuration

OS: Linux 3.2.82
Web server: Apache2 2.4.25
Database: MariaDB 5.5.53
PHP version: 5.6.23
Nextcloud version: 10.0.2

Client Configuration

Browser: Mozilla Firefox 50.1.0
Operating system: Windows 7

Activity

  1. MorrisJobke commented on Jan 25, 2017

    @MorrisJobke
    Member
  2. self-assigned this
    on Feb 1, 2017
  3. skjnldsv commented on Feb 2, 2017

    @skjnldsv
    Member

    For reference, primary on the button:
    _20170202_092336
    _20170202_092323

  4. added
    1. to developAccepted and waiting to be taken care of
    and removed
    0. Needs triagePending check for reproducibility or if it fits our roadmap
    on Feb 2, 2017
  5. MorrisJobke commented on Feb 2, 2017

    @MorrisJobke
    Member

    I don't like it, because it draws too much attention. Sorry @skjnldsv

  6. skjnldsv commented on Feb 3, 2017

    @skjnldsv
    Member

    Don't like it either! :p
    Was for reference in case of someone wanted to try it too ^^

  7. skjnldsv commented on Feb 3, 2017

    @skjnldsv
    Member

    If we just put a border top we get a slightly difference, and the blue border automatically gets set on hover/open :)
    capture d ecran_2017-02-03_07-27-49
    capture d ecran_2017-02-03_07-28-00

  8. skjnldsv commented on Feb 16, 2017

    @skjnldsv
    Member

    Can we implement this, this is a simple fix.
    Top border is okay for you? @nextcloud/designers

  9. eppfel commented on Feb 16, 2017

    @eppfel
    Member

    Feels a bit out of place...

  10. skjnldsv commented on Feb 16, 2017

    @skjnldsv
    Member

    @eppfel, fair enough. An idea? :)

  11. eppfel commented on Feb 16, 2017

    @eppfel
    Member

    Nope, the issue is only when it the sidebar is full, maybe there is a way to address that in particular. A shadow would be a fitting, but that's not the Nextcloud style.

  12. jancborchardt commented on Jun 12, 2017

    @jancborchardt
    Member

    What's the root cause here? It seems that importing is not really visible, and that is an issue which should be solved by a better empty content view. The first run experience should of course also offer import. :)

  13. j-ed commented on Jun 12, 2017

    @j-ed
    ContributorAuthor

    @jancborchardt From my point of view the problem is not only connected to the import function but the settings dialog in general. If it is difficult to differentiate between the normal dialog and the settings dialog for normal people, how does disabled people feel if they want to work with this color in color dialogs?

  14. jancborchardt commented on Sep 26, 2017

    @jancborchardt
    Member

    @skjnldsv good job on the simple fix with adding the left blue border. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

1. to developAccepted and waiting to be taken care ofdesignDesign, UI, UX, etc.enhancement

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions