Skip to content

Sidebar should be reviewed and organized #11

Open

Description

@bestchai

Lots of improvements are necessary to the sidebar. Some of them are listed below:

  1. Organize information into tabs, some examples of tabs are: Node info tab, search results tab, graph options tab.

  2. Sidebar should be vertically scrollable, on small screens, part of it's content gets hidden. As shown in the image below, graph options are out of the screen, and even the bottom of the search results chart gets cut off.

Selection_102.png

  1. Sidebar should resize on window resize: the sidebar has a fixed size in pixels. So on large screens it occupies the same space as always. It should be optimized to recognize blank space between the screen's and the graph's right corners and make use of that space.

[Issue created by mhnnunes: 2016-08-11]
[Last updated on bitbucket: 2016-08-30]

[Comment created by mhnnunes: 2016-08-24]
Earlier, the overflow attribute on the sidebar div's css was set to hidden. On commit 4fc7181 I changed it to "overflow-y: auto;", enabling vertical scrolling.

[Comment created by harjeetlalh: 2016-08-24]
I think the sidebar scrolling up and down when there is not enough space does work currently. Not sure why it may have not been working earlier.

[Comment created by harjeetlalh: 2016-08-30]
Sidebar automatically resizes upon resizing the window. Addresses issue #20.

→ <<cset 0180b40>>

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions