OSC / ood-fileexplorer

[MOVED] The Open OnDemand File Explorer
https://osc.github.io/Open-OnDemand/
MIT License
4 stars 1 forks source link

Multi-color select until we have support for different menus when multi-select occurs #67

Closed ericfranz closed 8 years ago

ericfranz commented 8 years ago

Cloud commander uses one menu for both multi-select and single select. When the menu displays, there is always one item selected that is considered the "current item" and this is given different styling in the original cloud commander.

  1. Actions in the menu such as "View", "Edit", "Rename" etc. that would work with only a single file work on the "current file"
  2. Actions that could work with multiple files, such as "Delete" and "Pack" and "Download" work on all of the selected files.

This is confusing and there is no comparable complexity in the selection ux of finders in Windows, OS X, Gnome, etc. In all of those, you only have 1 selected file or many selected files.

Until we can cleanly support separate menus for multiple select and single select, however, we should re-add back multiple styles so we can distinguish which is the "current file".

Using oh-tech colors with the purple being the alternate:

.selected-file {
    background-color: rgb(71,10,104);
}

.selected-file.current-file {
    background-color: rgb(0, 136, 204);
}

screen shot 2016-05-10 at 3 51 38 pm

Using 20% lighter blue for the alternate:

.selected-file {
    background-color: #33bbff;
}

.selected-file.current-file {
    background-color: rgb(0, 136, 204);
}

screen shot 2016-05-10 at 3 45 36 pm

ericfranz commented 8 years ago

@basilgohar This is an example where we might consider writing our own interface instead of spending more time hacking at the current one to get the correct type of context menu based on selection. We could still keep using the same look and feel - but we might stop work on this version and do design for where we would want to go with the "new" version; and then build that using ember and/or datatables.