search

MicrosoftTCE / civic-graph-node

Civic Graph - Visualization Tool -
http://civicgraph.io
3 stars 0 forks source link

not responsive on macbook air (1366 x 768 resolution ) #31

Open sugaroverflow opened 9 years ago

sugaroverflow commented 9 years ago

On my Macbook Air (1366 x 768 ) at 100% view, I can't see the Twitter Followers radio button (even if I scroll down). This might become a problem later when the Revenue button is added back.

screen shot 2015-02-23 at 10 33 57 am screen shot 2015-02-23 at 10 34 07 am

Works at 75% zoom.

luisdaniel commented 9 years ago

This could be solved with some CSS trickery. Add to style.css and test it out:

#athena-left-nav {
  height: 80vh;
  overflow-y: scroll;
}

This makes the div 80% of the viewport height (browser window height) and makes the div scrollable if there is an overflow of text.

You might also want to change .filter-name-location.input-control.text to a fixed height rather than a percentage (currently 4%) since it gets squished when the div resizes.

I'll leave the changes up to you guys since my branch has all the database connection code commented out.

adysevy commented 9 years ago

Thank you Luis for the great tips! We'll have a look at that.